@font-face {
	font-family: NexaText;
	src: url(../fonts/NexaText-Regular.ttf)
}

@font-face {
	font-family: Nexa;
	src: url(../fonts/Nexa-Regular.ttf)
}

*{
    font-family: NexaText;
}

.roxo{
    color:#500878 !important;
}
.azul{
  color:  #00A3E0 !important;
}

h1,h3{
    font-family: Nexa;
    font-weight: bold;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}
.navbar-toggler:focus{
    box-shadow: none;
}

header{
    background-color: #500878;    
}
header a.nav-link{
    color: #fff !important;
    font-size: 22px;
}
header a.nav-link:hover{
    color:#00A3E0 !important;
}
#banner{
    background-color: rgb(80,8,120);
    background: linear-gradient(90deg, rgba(80,8,120,1) 35%, rgba(0,163,224,1) 100%);
}

#banner h1{
    font-size:68px;
    color:#fff;
}
#banner h3{
    color: #00A3E0;
    font-size: 46px;
}
#banner hr{
    background-color: #00A3E0;
    height: 7px;
    opacity: unset;
    width: 122px;
}
#banner p{
    color: #fff;    
}
#banner .paragrafo1{
    font-size: 35px;
}
#banner .paragrafo2{
    font-size: 24px;
}
#banner .btn{
    background-color: #00A3E0;
    color:#500878;
    font-size: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #banner{
        background-color: rgb(80,8,120);
        background: linear-gradient(90deg, rgba(80,8,120,1) 51%, rgba(0,163,224,1) 142%)
    }
    #banner h1{
        font-size:50px;     
    }
    #banner h3{        
        font-size: 40px;
    }
    #banner hr{      
        height: 7px;     
        width: 122px;
    }   
    #banner .paragrafo1{
        font-size: 30px;
    }
    #banner .paragrafo2{
        font-size: 22px;
    }
    #banner .btn{      
        font-size: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*#quemSomos .logo-linha::before{
    content: "";
    position: absolute;   
    height: 290px;
    width: 445px;
    display: block;
    background-image: url(../img/logoLinhas.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 199px;
    margin-left: -185px;
}*/
/*#quemSomos .maquininha::after{
    content: "";
    position: absolute;  
    height: 290px;
    width: 300px;
    display: block;
    background-image: url(../img/maquininha.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 107px;
    margin-right: 0px;
}*/

#quemSomos h1{
    font-size:68px;    
}

#quemSomos h1 .quem{
    color:#500878;
    font-weight: 100;
}

#quemSomos h1 .somos{
    color:#00A3E0;
}

#quemSomos h3{
    font-size: 40px;
    color:#500878;
}

#quemSomos p {
    color: #9d9d9c;
    font-size: 18px;
}
#quemSomos  .venha{
    color:  #00A3E0;
}


@media only screen and (max-width: 768px) {
   
    #quemSomos h1{
        font-size:50px;     
    }
    #quemSomos h3{        
        font-size: 30px;
    }
     
    #quemSomos p {        
        font-size: 15px;
    }
   
}

/*#nossoDna::before{
    content: "";
    position: absolute;
    height: 713px;
    width: 800px;
    display: block;
    background-image: url(../img/logoImagem.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 107px;
    margin-right: 0px;
    right: 0;
}*/
#nossoDna .moleculas{
    background-image: url(../img/moleculas.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.3;
}
/*#nossoDna{
  
    background-image: url(../img/logoImagem.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    
}*/
#nossoDna h1{
    font-size:58px;    
}

#nossoDna h1 .nosso{
    color:#500878;
    font-weight: 100;
}

#nossoDna h1 .dna{
    color:#00A3E0;
}

#nossoDna h3{
    font-size: 40px;
    color:#500878;
}

#nossoDna p {
    color: #9d9d9c;
    font-size: 30px;
}
#nossoDna  .venha{
    color:  #00A3E0;
}

#nossoDna ul {
    color: #9d9d9c;
    font-size: 18px;
}

@media (min-width: 576px){
.texto-nosso{
    position: relative;
    left: -156px;
}
}

@media only screen and (max-width: 768px) {
   
    #nossoDna h1{
        font-size:50px;     
    }
    #nossoDna h3{        
        font-size: 30px;
    }
     
    #nossoDna p {        
        font-size: 30px;
    }
    #nossoDna ul {
        color: #9d9d9c;
        font-size: 15px;
    }
   
}

#contato{
    background-color: #500878;
    background-image: url('../img/fundoContato.png');
    background-size: 118px;
}

#contato h3{
    font-size: 40px;
    color:#00A3E0;
}

#contato .btn{
    background-color: #00A3E0;
    color: #fff;
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {   
    #contato h3{        
        font-size: 30px;
    }          
}

footer {
    background-color: #00A3E0;
    color: #fff;
}

footer ul {
    padding-left: 0;
}
footer ul li {
    list-style: none;
    padding-top: 10px;
}

footer ul li a{
    color:#fff;
    text-decoration: none;
}

footer ul li a:hover{
    color: #500878;
}