*{

    font-family: 'Montserrat', sans-serif;

    margin: 0;

}



body{

    margin: 0;


}



#titulo-header{

    text-transform: uppercase;
    font-weight: bolder;
    color: white;



    right: 250px;
    top: 150px;
    position: absolute;
    font-size: 36pt;

    

}



#botao_titulo{

    border:2px white solid;

    background: transparent;

    color: white;

    position: absolute;

    right: 570px;

    top: 300px;

    padding: 5px;

    font-weight: bolder;

}







#botao_titulo a{

    color: white;

}



#botao_titulo:hover , #botao_titulo a:hover{

    color: #212121;

    background: #29daec;

    text-decoration: none;

    font-weight: bolder;

}







.header img{

    margin-top:-10px;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: -1;

    width: 100%;



}



.texto-apoio{

   top: 530px;

   background: white;

}



.texto-apoio p{

    color: #8C5C01;

    text-transform: uppercase;
    font-weight: bolder;
    font-size: 14pt;

}





/*=============================================



Section - Benefícios



===============================================*/





.section-beneficios{

    background-image: url("bg-recife.png");

    background-position: center; 

    background-attachment: fixed;

    background-color: #cccccc;

    top: 560px; 

}







.section-beneficios p{

    margin-top: 30px;

    margin-bottom: 40px;

    padding-top: 20px;



    /*Configurações de Font*/

    color: #C78301;

    font-size: 14pt;

    font-weight: bolder;

    text-transform: uppercase;  

}



/*=============================================



Section - Investimento



===============================================*/





.investimento-section{

    margin-top:35px;

    padding-bottom: 35px;

    top: 560px;

}



.investimento-section div{

    border: 5px solid white;

    height: 250px;

    background: #ededed;

}







.investimento-section h2{

    margin-bottom: 30px;



    /*Configurações de Font*/

    color: #8C5C01;

    text-transform: uppercase;

    font-weight: bolder;

}







.investimento-section h4{

    padding-top: 30px;

    padding-bottom: 20px;



    /*Configurações de Font*/

    color: #8C5C01;

    text-transform: uppercase;

    font-weight: bolder;

}







.investimento-section p{

    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

    text-transform: uppercase;

}





.investimento-section button{

    margin-top:10px;

    margin-bottom:5px; 

    padding: 9px;

    background: #29daec;

    border: none;

    border-radius: 10px;



    /*Configurações da Font*/

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

    font-size: 9pt;

    color: white; 

}





.investimento-section button:hover{

    background: #00919F;

    color: white;

}



.investimento-section a{

    text-decoration: none;

    color: white;

}



.investimento-section a:hover{

    color: white;

}





.investimento-section div h4{

    font-size: 24px;

}



.section-logo{

    top:560px;

    background: #ededed;

    padding-top:30px;

    padding-bottom: 30px;

}



.section-info{

    background: #6f6f6f;

    color:white;

    top:560px;



    padding-top:30px;

    padding-bottom: 10px;

    text-transform: uppercase;

}







@media (max-width: 768px) { 

    #titulo-header{

    



    

    top: 0;

    left: 100px;

    font-size: 20pt;

    



    }



    .header img{

        height: 200px;

        background: #8C5C01;

    }



    .header{

        background: #8C5C01;



    }



    .texto-apoio{

        margin-top: -280px;

        margin-bottom:-500px;

        text-align: left;

        

    }





    .investimento-section div{

    height: auto;

    }

 }