@font-face { 
    font-family: "Roboto"; 
    src: url("../fonts/Roboto-Light.ttf"); 
}

body, html {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

h1{
    font-size: 5em;
    font-family: arial,helvetica;
    color: #fff;
    margin:0;
}
.intro p{
    color: #fff;
}

.logo {
    position: absolute;
    top: 50px;
    left: 100px;
    z-index: 1000;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
    background-size: cover;
}

#section1, #section4, #section9{
    background-image: url(../images/bg_group.jpg);
}

#section1 {
    padding: 30% 0 0 0;
    font-size: 2em;
}

#section2 {
    color: #5782BD;
    font-size: 3.5em;
    padding: 0 0 40% 0;
}

#section2 img {
    position: absolute;
    left: 5%;
    bottom: 5%;
    width: 60%;
}

#section3 {
    background-image: url(../images/bg_images.png);
}

#section4 {
    padding: 0 0 30% 0;
    font-size: 3em;
    color: #fff;
}

#section4 span {
    font-size: 0.75em;
}

#section5 {
    font-size: 1.75em;
}

#section5 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#section5 h2 {
    font-size: 1.9em;
    color: #F49E00;
}

#section6 {
}

#section6 h2 {
    font-size: 3em;
    color: #FFD500;
}

#section6 .square {
    width: 7em;
    height: 7em;
    margin: 0 3em 0 0;
    background: #fff;
    display: inline-block;
}

#section7 {
    color: #fff;
}

#section7 p {
    font-size: 1.5em;
}

#section7 h2 {
    font-size: 2.5em;
}

#section8 {
    background-image: url(../images/bg_yellow.png);
}

#section8 .yellow {
    background-color: #FCC930;
    color: #fff;
    font-size: 2em;
    padding: 25px 0;
}

#section8 .yellow h2 {
    font-size: 2.5em;
}

#section8 .yellow a {
    color: #fff;
    transition: 0.3s;
}

#section8 .yellow a:hover {
    color: #01bede;
}

#section9 {
    background-image: url(../images/bg_girl.png);
    color: #fff;
    font-size: 25px;
    padding: 40% 0 0 0;
}

#section9 img {
    height: 25px;
}

#section10 {
    color: #fff;
    padding: 50px 0;
}

#section10 h2 {
    font-size: 2.5em;
}

#section10 ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

#section10 a {
    color: #fff;
    text-decoration: none;
}

#section10 ul li a {
    color: #fff;
    padding: 15px 0;
    display: block;
    text-decoration: none;
    margin-right: 25px;
    font-size: 25px;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}
.green {
    background-color: #1ca900;
    color: #fff;
    font-size: 25px;
    padding: 25px 0;
}

@media (max-width: 576px) {
    #section2 {
        font-size: 2em;
    }
}