html, body {width: 100%; height: 100%;} body {color:#555; font-family: 'PT Serif', serif; font-size:18px; line-height:1.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-attachment:fixed; background-image:url("../img/bg.png");} h1 {color:#A4652F; font-weight:700; font-size:40px; line-height:1;} h2 {color:#A4652F; font-weight:700; font-size:36px; line-height:1; margin:0 0 30px 0; text-align:center; background:#FFF; background:rgba(255, 255, 255, 0.75); padding:5px 20px; border-radius:9px} h3 {color:#A4652F; font-weight:700; font-size:28px; line-height:1; margin:0 0 20px 0;} h4 {margin:0 0 20px 0;} i {color:#A4652F; margin-right:5px;} a {color:#CCC; text-decoration:none!important; outline:0;} a:focus, a:hover {color:#FFF;} a {-webkit-transition:all 0.75s ease 0s; -moz-transition:all 0.75s ease 0s; -o-transition:all 0.75s ease 0s; transition:all 0.75s ease 0s;} p {margin-bottom:20px} p:last-child {margin-bottom:0} strong {font-weight:700!important; color:#000;} ul {margin:0 0 15px 15px; padding:0;} ul li {margin-bottom:5px} ol {margin:0 0 15px 15px; padding:0;} ol li {margin-bottom:10px} .text-center li {text-align:center} .img-responsive {width:100%} .img-circle {border:4px solid #A4652F; padding:10px; max-width:480px; margin:0 auto!important} .v-align {display:flex; align-items:center;} .mar-bot {margin-bottom:40px} /* HEADER ========== */ header {margin-bottom:40px} #topbar {padding:15px;} #topbar, #topbar a, #topbar i {color:#FFF!important} header .logo {background:#FFF; background:rgba(255, 255, 255, 1)} header .logo img {height:100px; width:auto;} .menu div {width:25%; float:left;} .menu a {color:#333; background:#C2C1C3; font-size:24px; font-weight:700; height:50px;} .menu .active a, .menu div:hover a {color:#A4652F; background:#FFF} .menu div a {display:flex; align-items:center; justify-content:center;} /* PAGES ========== */ section {margin-bottom:150px;} .row {border-radius:9px; overflow:hidden;} .carousel-caption {display:none} #quienes .box {margin-bottom:40px} #quienes .box h3 {background:#000; background:rgba(0, 0, 0, 0.5); text-align:center; padding:5px; } #servicios .box {color:#999; padding-top:20px; padding-bottom:0; margin-bottom:40px} #servicios .box h3 {font-size:22px} #servicios .bg-img {background:url("../img/quienes.jpg") no-repeat center center / cover;} .icono {max-width:140px; height:auto; margin:0 auto 20px} #contacto .box {padding:20px 0%} .bg-color-cont {padding:80px 0%;} .bg-white {background:#FFF; background:rgba(255, 255, 255, 0.15); color:#aaa;} .bg-black {background:#000; background:rgba(0, 0, 0, 0.25); color:#999;} .map {margin-bottom:-5px} #fbtl iframe {max-width:100%!important} /* FORM ========== */ #contactForm {max-width:100%!important} #contactForm label {color:#999; font-weight:normal; margin:0;} #contactForm input[type], #contactForm textarea {color:#; background:#; box-shadow:none} #submit-cont {width:100%; text-align:***} #contactForm button[type=submit] {color:#; background:#; letter-spacing:2px; border:none;} #contactForm button[type=submit]:hover {color:#; background:#;} /* AVISO DE PRIVACIDAD ========== */ #aviso .box {padding:60px 5%!important; background:#FFF; background:rgba(255, 255, 255, 0.80); font-size:17px!important;} #aviso h2 {font-size:24px; padding:0; margin-bottom:40px} #aviso h4 {font-size:19px!important; font-weight:700; margin:40px 0 10px!important; color:#222} #aviso a {color:#0055dd!important;} #aviso a:hover {border-bottom:1px solid #000!important;} #aviso hr {border-color:#0055dd!important; width:50%; left:25%} #aviso blockquote {font-size:inherit!important; padding:0 10%!important; border:none!important} #aviso ol {padding-left:15px!important} #aviso strong {font-weight:700!important; color:#333!important;} footer {padding:20px 20px 40px; font-size:14px} footer, footer a { color:#999;} footer h3 {color:#FFF; font-size:22px} footer i {color:#FFF;} footer .logo img {height:60px; text-align:right; float:none!Important;} footer #copy {padding-top:20px} footer #repse {width:100px; height:auto; margin-top:10px} #top {position:fixed; z-index:100; display:none; bottom:5px; right:0; z-index:1000} #top i {color:#fff!important; font-size:36px; opacity:0.5} #top:hover i {opacity:1} /* RESPONSIVE ========== ; border:1px solid red */ @media (min-width:992px) { } @media (min-width:768px) { .cel {display:none} #topbar span {margin:0 80px} .row-eq-height {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} } @media (max-width:767px) { section {margin-bottom:80px;} body {font-size:14px;} h1 {font-size:30px;} h2 {font-size:24px;} h3 {font-size:20px;} .bg-color-cont {padding:80px 0%;} .menu a {font-size:14px;} .icono {max-width:120px; height:auto; margin:0 auto 20px} .flex-switch {display:flex; flex-direction:column-reverse; @include sm-min {flex-direction:row;}} #topbar span {width:100%; display:block; margin-bottom:15px} #fbtl {padding:0; text-align:center!important} }