*{
box-sizing: border-box;
}
html, body{
margin-top:0px;
padding: 0;
}
}
nav{height: 100px;
width: 100%;
background: #22313F;
position: relative;
}
header #logotipo2:target{
opacity: 1;
width: 50%;
height: 50%;
top: 10px
left 50px;
}
}
header .claro{ position: absolute;
left: 194px;
top: 27px;
}
header .claro_logo{ position: absolute;
left: 350px;
top: 47px;
}
.navbar-default .navbar-nav li a:hover{
font-size: 18px;
}
.navbar-default .navbar-nav li a{
top: 30px;
}
.navbar-default .navbar-nav .btn-close{
}
}
#slader{
position: absolute;
top: 60px;
height: 100%;
background: #c0392b;
}
#slader-section{
}
#slader .cartao img{
width: 550px;
}
#slader h1{
font-size: 26px;
text-transform: uppercase;
text-align: center;
}
#container-titulo{ margin-top: 80px;
}
#slader h2{
font-size: 26px;
text-transform: uppercase;
text-align: center;
}
.titulo-servicos h1{
font-size: 39px;
}
hr{
border: #c0392b solid 3px;
width: 100%;
}
#section-service{
background: #22313F;
width: 100%;
/*position: absolute;*/
}
#servicos .imagem-service h2{
color: #5f27cd;
font-size: 18px;
text-align: center;
}
.titulo-referencia h1{
font-size: 35px;
}
section #sliderhome{
}
.modal .close-top{
width: 50px;
padding: 15px 20px;
border-radius: 6px;
background-color:#C9302C;
font-size: 16px;
}
.modal .btn-botton{
display: block;
margin-left: auto;
margin-right: auto
}
footer {
position: relative;
height: 200%;
width: 100%;
background: #bdc3c7;
font-size: 16px;
margin-bottom: 0px;
}