body { overflow-x: hidden; font-family: 'Roboto', sans-serif;}

.clean{ clear: both; float: inherit; }

.container{ width:98%; padding:0px 1%; max-width:1100px; }

@media (max-width: 800px) { 
	.container{ width:90%; padding:0px 1%; margin: 0 auto;  F0F2F3 }
}
body {
    background-image: linear-gradient(to right, #fff, #F8F7F7 55%);
	color:#062F6E;
}
html {
    height: 100%
}

#content{margin: 10vh auto 50px auto;}

#container{ margin: 0 auto 0 auto; display: block; max-width: 1100px;}

#logo{ clear: both; padding: 0 0 20px 0;}
#logo img{ max-width: 145px; width: 100%; }
#textos{ float: left; width: 45%; margin-bottom: 80px;}

h1{ font-size: 50px; margin: 50px 0px 20px 0; color: #4e738a;}
h1 span{ display: block; font-size: 110px; font-weight: bold; line-height: 95px}
h1 span.right{ text-align: right;}
h3{ padding: 0 0px; color: #4e738a; font-size: 18px;}

a.botao{ display: inline-block; border:2px solid #D1441D;  color: #D1441D; padding: 16px 40px; -webkit-border-radius: 25px;	-moz-border-radius: 25px;	border-radius: 25px; margin-top: 30px; font-weight: bold; text-decoration: none; transition-duration: 0.5s; }
a.botao:hover{ color: #fff; background: #D1441D; }


#investidas{ float: left; text-align: center; width: 55%; min-width: 600px; position: relative;  }

#investidas #hands{background: url("../imgs/bg_maos.png") no-repeat; width: 600px; height: 644px; position: absolute; top:-100px; right:-100px; }
#investidas #hands #empresas{ margin: 195px 0 0 0; width: 400px;  }
#investidas #hands #empresas a{  display:block; margin: 25px auto; max-width: 140px;}
#investidas #hands #empresas img{ width: 100%; max-width: 170px; }


@media (max-width: 1300px){
    #investidas  #hands{ top:0px; right:0px; }
}

@media (max-width: 1100px){
    #textos{ width: calc( 100% - 600px);}
    #investidas{  width:600px;}

    h1{ font-size: 35px;}
    h1 span{ font-size: 80px;  line-height: 75px}
    h1 span.right{ text-align: center;}
    h3{ font-size: 18px;}
}

@media (max-width: 1100px){
    #textos{ width: calc( 100% - 600px);}
    #investidas{  width:600px;}

    h1{ font-size: 35px;}
    h1 span{ font-size: 80px;  line-height: 75px}
    h1 span.right{ text-align: center;}
    h3{ font-size: 18px;}
}





footer{ text-align: center; clear: both; padding: 20px 0; margin-top: 50px;  text-align: left; }
footer span{ font-size: 14px; display: inline-block;  }
footer span.endereco{ width: calc(100% - 410px); }
footer span.telefone{ width: 350px;}
footer span.linkedin{  width: 50px;}
footer span a{ color:#333333;}


@media (max-width: 950px){
    #content{ margin: 20px auto 0px auto; }
    #container{  padding: 10px 20px 0 20px; text-align: center;}
    #logo{ border-bottom: none; padding: 0 0 0px 0;}
    
    h1{ font-size: 40px; margin: 40px 0px 20px 0; color:#798091}
    h1 span{ display: block; font-size: 80px; line-height: 65px;  color: #4e738a;}
    h1 span.right{ text-align: center; display: inline;}

    #textos{ float: none; width: 100%; margin-bottom: 30px;}

    #investidas{ float: none; width: 100%; min-width: auto; margin: 0px auto 0 auto; }
    #investidas #hands{position: relative; margin: 0 auto;  }
    #investidas #hands #empresas{ margin: 0; width: 400px; padding-top: 170px;  }
    #investidas #hands #empresas img{ width: 100%; max-width: 170px; }

    a.botao{ padding: 12px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px;	border-radius: 15px; margin-top: 20px; }

    footer{ padding-bottom: 20px; margin-top: 0px;  text-align: center;}
    footer span{ display: block !important; width: 100% !important; }
    footer span + span{ padding: 15px 0 0 0px;}    
   
}

@media (max-width: 735px){
    h1{ font-size: 30px; margin: 30px 0px 20px 0;}
    h1 span{ font-size: 60px; line-height: 55px}
}

@media (max-width: 600px){
    #container{  padding: 10px 0px 0 0px; text-align: center;}
    #textos{ padding: 0 20px ;}
    footer{ padding: 20px 20px 20px 20px; margin-top: 0px;  text-align: center;}

    #investidas #hands{position: relative; margin: 0 auto; width: 100%; height: 644px;   }
    #investidas #hands #empresas{ margin: 0; width: 400px; padding-top: 170px;  }
    #investidas #hands #empresas a{ margin: 20px auto; max-width: 140px;}
    #investidas #hands #empresas img{ width: 100%; max-width: 170px; }
}


@media (max-width: 550px){
    h1{ font-size: 22px; margin: 30px 0px 20px 0;}
    h1 span{ font-size: 40px; line-height: 35px}
    h3{ padding: 0 0px; color: #4e738a; font-size: 16px;}
}
@media (max-width: 400px){
    #investidas #hands{ width: 100%; height: 644px;   }
    #investidas #hands #empresas{ margin: 0; width: 100%; padding-top: 180px; padding-left: 12%;  }
    #investidas #hands #empresas a{ margin: 20px auto; max-width: 140px;}
    #investidas #hands #empresas img{ width: 100%; max-width: 170px; }
}
@media (max-width: 350px){
    h1{ font-size: 20px; margin: 30px 0px 20px 0;}
    h1 span{ font-size: 30px; line-height: 25px}

    #investidas #hands{height:auto; background: none;  }
    #investidas #hands #empresas{ padding-top: 10px; padding-left: 0;  }
}