@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

* {
    margin: 0;
    padding:0 ;
    box-sizing: border-box;
    font-family: 'Montserrat';
}
body {
    background-color: #c9d6ff;
    background: linear-gradient(to right,#e2e2e2,#c9d6ff);
}

#container {
    width: 900px;
    margin:auto;
}

#logo {
    top:50px;
    position:relative;
    width:248px;    
    margin:auto;
}

#logo img {
    width:248px;
}

#logo2 {
    top:10px;
    float:left;
    width:125px;    
    margin:auto;
    padding:10px;
}

#logo2 img {
    width:125px;
}

.embranco {
clear:both;
}
#form-busca {
    display: block;
    align-items: center;
    top:100px;
    position:relative;
    margin:auto;
    width: 900px;
    padding: 15px 30px;
    place-items: center;  
    
}


#form-busca #text-busca {
    border:0px transparent;
    font-size:15px;
    width:735px;
    padding: 15px;
    border-radius: 25px 0px 0px 25px;    
    margin: auto;
}

#form-busca #text-busca:focus {
    outline: none;
}

#form-busca #botao-busca {
    font-family: 'Montserrat';
    width:100px;
    padding: 17px;
    border:0px transparent;    
    background:#563480;
    border-radius: 0px 25px 25px 0px; 
    color:#fff;

}

#form-busca span {
font-size: 13px;
color:#563480;
margin-left:20px;
}

#sobre {
    position:relative;
    top:80px;
    width:100%;
    font-family:'Montserrat';
}
#sobre p {
    letter-spacing: 1;  
    color:#1f1f1f;
    align:justify;
    font-family:'Montserrat'; 
    padding:15px 0px 15px 0px;   
}

#sobre h1 {
    color:#563480;
}

.menu {
    float:right;
    padding:15px;
    text-decoration:none;
}

.menu ul li {
    font-family: "Montserrat";
    color:#563480;
    text-decoration:none;
    list-style-type: none;
}

.menu li {
    display:inline;
    text-decoration: none;
    padding:15px;
    width:100%;
    height:40px;
}


.menu ul a {
    display:inline;
    text-decoration: none;
}

.menumob {
    display:none;
}

#menu_mobile {
    display:none;
}

#resultados {
    top:100px;
    position:relative;
    width: 900px;  
    padding: 15px;
}
#resultados .resultado {   
    position:relative; 
    width: 900px;
    background: #563480;
    border-radius: 25px 25px 25px 25px;
    padding: 15px 15px 15px 15px;
    margin:15px;
}
#resultados .resultado h4 {
    color:#FFBF00;
    margin-bottom:10px
}
#resultados .resultado {
    color:#fff;
    line-height: 1.5;
    
}

#resultados .resultado p {
    color:#fff;
    line-height: 1.5;
    
}
#resultados a {
     color:#fff;    
    text-decoration:none;
}

#resultados h3 {
    color:#252424;    
   text-decoration:none;
}

#resultados span {
    font-size:12px;
}

#resultados h3 span {
    color:#563480;    
   text-decoration:none;
   font-size:18px;
}

#conteudos {
    top:100px;
    position:relative; 
    width: 900px;
    background: #563480;
    border-radius: 25px 25px 25px 25px;
    padding: 10px 15px 45px 15px;
    margin:15px;
}
#conteudos #texto h3 {
    color:#fff;
    text-align: justify;
    margin-bottom:10px
}

#conteudos #texto p {
    text-align: justify;
    color:#fff;
    line-height: 1.5;
}

#conteudos a {
    color:#fff;
}

#conteudos b {
    color:#FFBF00;
}

#conteudos #atalhos {
    float:right;
    width:100px;;
    height:50px;
}

#conteudos #atalhos .icone {
    float:right;
    width:40px;
    color:#fff;
}


#conteudos #icone i #btncopiar {
      width:40px;
}

#conteudos #icone i #btncompartilhar {
    width:40px;
}

#conteudos #atalhos #copiado {
    position:absolute;
    display:none;
    top:30px;
    left:92%;
}

#conteudos #atalhos #copiado span{
    font-size:12px;
    color:#fff;
}

#incentivadores {
    top:100px;
    position:relative;
    align-items: center;
    width:900px;   
    
    margin:auto;
}

#incentivadores h1 {
    color:#563480;
    font-family: 'Montserrat';
}

#incentivadores p {
    color:#555;
}

#incentivador {
    position:relative;
    margin:auto;
    width:400px;
    
    align-items: center;
    text-align: center;
}

#incentivador a {
    color:#563480;
    text-decoration: none;
}
#incentivador a:hover {
    color:#563480;
    text-decoration: none;
}
#incentivador a:link {
    color:#563480;
    text-decoration: none;
}
#incentivador a:visited {
    color:#563480;
    text-decoration: none;
}

#instalador {
    top:200px;
    position:relative;
    width:200px;
    margin:auto;
    text-align:center;
    align-items:center;
}

#instalador .botao {
    font-family: 'Montserrat';
    display:none;
    width:180px;
    padding: 15px;
    border:0px transparent;    
    background:#563480;
    border-radius: 25px 25px 25px 25px; 
    color:#fff;
}

#anuncio {
    position:relative;
    top:300px;
    width:720px;
    margin:auto;
}

#anuncio img {
    width:720px;
}

#anuncio #anunciante {
    position:relative;
    font-size:11px;
    color:#555;
}

@media (max-width: 768px) {
    
    #container {
        width: 100%;
    }

    #logo {
       
        width:148px;    
      
    }

    #logo img {
        width:148px;
    }
    
    #logo2 {
        
        width:90px;    
      
    }
    
    #logo2 img {
        width:90px;
    }

    #form-busca {
        
        width: 100%;
       
        
    }
    
    
    #form-busca #text-busca {
       
        width:75%;
        font-size:14px;
       
    }
    
    
    #form-busca #botao-busca {
       border:0px transparent;
        width:20%;
        padding:15px 7px 15px 7px;
       
    
    }
  
    .menu {
        display:none;
    }
    
    
    
    #resultados {
       
        width:100%;  
      
    }
    #resultados .resultado {   
         width: 100%; 
         padding: 10px 10px 10px 10px;  
         margin:0px;    
         margin-bottom:5px;
    }
   
    
    #conteudos {
        
        width: 98%;
        padding: 45px 10px 10px 10px;  
        margin:5px 5px 5px 5px;
        
       
    }

    #conteudos p {
        text-align: justify;
        line-height: 1.5;
    }
    
     
    #menu_mobile {
        float:left;
        display:block;
        color:#563480;
        padding:15px;
    }

    #menu_mobile a {
        
        color:#563480;
       
    }

    #menu_mobile a:hover {
        
        color:#563480;
       
    }

    #menu_mobile a:active {
        
        color:#563480;
       
    }

    #menu_mobile a:visited {
        
        color:#563480;
       
    }
    .menumob {
        position:absolute;       
        display:none;
        width:200px;
        -webkit-animation: slide 0.5s forwards;
        -webkit-animation-delay: 1s;
        animation: slide 0.5s forwards;
        animation-delay: 1s;
        height: 100%;
        padding:15px;
        text-decoration:none;
        background-color: #563480;
        z-index:10000;
    }

    .menumob ul li {
        font-family: "Montserrat";
        color:#ffffff;
        text-decoration:none;
        list-style-type: none;
    }
    
    .menumob li {
        display:inline;
        text-decoration: none;
        padding:15px;
    }
        
    .menumob li a {
        display:block;
        text-decoration: none;
        color:#ffffff;
    }

    .menumob li a:visited {
       
        color:#ffffff;
    }

    .menumob li a:hover {
       
        color:#ffffff;
    }
    .menumob li a:active {
       
        color:#B1B7CB;
    }

    .menumob #fechar {
        position:absolute;
        left:180px;
        font-size:19px;
        color:#fff;
    }

    .menumob #fechar a {
        text-decoration: none;
        color:#fff;
    }

    #sobre {
        width:100%;       
        padding:15px;
    }



    #incentivadores {
        width:100%;       
        padding:15px;
    }
    
    
    #incentivador {      
        width:300px;       
      
    }

    #conteudos #atalhos #copiado {
       
        top:65px;
        left:80%;
    }
    
    

    #anuncio {
        top:500px;
        width:100%;
       
    }
    
    #anuncio img {
        width:100%;
    }
    
    
  }