@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    background: url(images/bg-site2.jpg) repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Exo 2', sans-serif;
}

.mobile{display: none;}

.container{margin: 0 auto; text-align: center;}

.logo{text-align: center; margin: 80px auto 60px; width: 48%;}
.logo img{width: 50%;}


.slogan{font-weight: 300; color: #fff; font-size: 21px; margin-top: 50px;}
.novidades{font-weight: 400; color: #fff; font-size: 45px; color: #ce7b2f; margin-top: 0;}
.title{font-size: 16px; color: #fff; font-weight: 300; margin-bottom: 0; margin-top: 40px;}

.bullets{margin: 40px 0;}
.subtitle{font-size: 28px; color: #fff; font-weight: 300;}

.socials li{display: inline-block; list-style: none; margin: 0 20px;}
.socials li a{
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.socials li img{vertical-align: middle;}

.socials{margin-top: 30px;}

.conceito{font-size: 16px; color: #fff;}

@media (max-width: 600px){
    .desktop{display: none;}
    .mobile{display: block;}
    body{display: block;}
    .logo img{width: 70%;}
    .logo{width: 70%;}
    .container{padding: 0 15px;}
    .slogan {
        font-weight: 200;
        font-size: 18px;
        margin-top: 30px;
    }   
    .logo {
    margin: 40px auto 30px;
    }

    .novidades {
        font-weight: 400;
        font-size: 30px;
        margin-top: 15px;
    }
    .bullets {
        margin: 25px 0;
    }
    .socials{padding: 0 24%;}
    .title {
        font-size: 15px;
        font-weight: 200;
    }
    .subtitle{font-size: 20px;}
    .socials li a {
        font-size: 18px;
        font-weight: 200;
    }
     .socials li a img {
        width: 15%;
    }
    .socials li{display: flex; text-align: center; margin: 12px auto;}
    .conceito {
        font-size: 14px;
        color: #fff;
        font-weight: 200;
    }
}