@media only screen and (min-width : 200px) {
.main-container {padding: 50px 20px;}
.img-float-left {position: inherit;; margin-top: 0px; margin-bottom: 20px;}
body, html {font-size: 14px;}
p { margin: 0; line-height: 1.5; margin-top: 0px;}
.btn-general-rojo {width: 100%;}
.btn-general-negro {width: 100%;}
.icons-bullets {margin-top: 20px;}
.cita {border: #565656 solid 1px; padding: 20px; margin-bottom:  20px; font-size: 12px; text-align: center;}
.cita2 {border: #eaeaea solid 1px; padding: 20px; margin-bottom:  20px; font-size: 12px; text-align: center;}
.position-middle {position: relative;  top: 60%;}
.transparent-header {
  position: initial;
  font-size: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  letter-spacing: -1px;
}
.sup-header {text-transform: uppercase; letter-spacing: 2px; font-size: 12px;}
.bold-header {font-size: 44px; font-weight: 700;line-height: 0.9; letter-spacing: -2px;}
.bold-header span {font-size: 26px;}
.navbar-brand {width: 20%;}
.titles {color: #a0a0a0; font-weight: 700; letter-spacing: -2px; font-size: 52px; line-height: 1.2; margin-bottom: 20px;}
.text-btn-servicios {margin-top: 30px;}
.margin-img-header {margin-top: 30px;}
h2 { font-size: 28px; line-height: 1;}
h3 { font-size: 28px; line-height: 1;}
.list ul {line-height: 1.5; padding: 0;}
.bullets-gente{  padding: 20px 20px;height: 230px;}
.bg-second-nosotros {padding: 50px 0px;font-size: 22px;}
.bullets-gente i {font-size: 22px;}
.titles2 {color: #ffffff; font-weight: 700; letter-spacing: -2px; font-size: 34px; line-height: 1.2; margin-bottom: 20px;}
.titles2 span {font-size: 14px; font-weight: 500; letter-spacing: 2px; color: #fe0f00;}
.titles4 {color: #a0a0a0; font-weight: 700; letter-spacing: -2px; font-size: 34px; line-height: 1.2; margin-bottom: 20px;}
.titles4 span {font-size: 14px; font-weight: 500; letter-spacing: 2px; color: #fe0f00;}
.margin-img-servicios {margin-bottom: 30px;}
.img-servicios {width: 100%;}
.margin-form-movil {margin-bottom: 50px;}
.correo-contacto a {font-size: 18px;}
.margin-card {margin-top: 0px;}
.card {margin-bottom: 30px;}
.margin-noticias-movil {margin-bottom: 30px;}
.card {
  -webkit-transition: margin-top 0s ease-out;
  -moz-transition: margin-top 0s ease-out;
  -o-transition: margin-top 0s ease-out;
  transition: margin-top 0s ease-out;
}
.card:hover {margin-top:0px; cursor: pointer;}



}


@media only screen and (min-width : 480px) {


}

@media only screen and (min-width : 768px) {
.main-container {padding: 50px;}
.img-float-left {position: relative; margin-top: -400px; margin-bottom: 50px;}
body, html {font-size: 16px;}
p { margin: 0; line-height: 1.5; margin-top: -10px;}
.btn-general-rojo {width: auto;}
.btn-general-negro {width: auto;}
.icons-bullets {margin-top: 0px;}
.cita {border: #565656 solid 1px; padding: 30px; margin-bottom:  20px; font-size: 20px; margin-bottom: 50px;}
.cita span {font-size: 12px;}
.cita2 {border: #eaeaea solid 1px; padding: 20px; margin-bottom:  20px;}
.position-middle {position: relative;  top: 50%;}
.transparent-header {
  position: relative;
  font-size: 92px;
  margin-bottom: -50px;
  margin-left: -50px;
  letter-spacing: -5px;
}
.sup-header {text-transform: uppercase; letter-spacing: 2px; font-size: 10px;}
.bold-header {font-size: 72px; font-weight: 700;line-height: 0.9; letter-spacing: -2px;}
.bold-header span {font-size: 32px;}
.navbar-brand {width: 6%;}
.titles {color: #a0a0a0; font-weight: 700; letter-spacing: -2px; font-size: 52px; line-height: 0.9; margin-bottom: 20px;}
.text-btn-servicios {margin-top: 0px;}
.margin-img-header {margin-top: 0px;}
h2 { font-size: 32px; line-height: 1;}
h3 { font-size: 32px; line-height: 1;}
.list ul {line-height: 2; padding: auto;}
.bullets-gente{  padding: 50px 20px;height: 200px;}
.bg-second-nosotros {padding: 100px 0px;font-size: 24px;}
.bullets-gente i {font-size: 42px;}
.titles2 {color: #ffffff; font-weight: 700; letter-spacing: -2px; font-size: 52px; line-height: 0.9; margin-bottom: 20px;}
.titles2 span {font-size: 14px; font-weight: 500; letter-spacing: 2px; color: #fe0f00;}
.titles4 {color: #a0a0a0; font-weight: 700; letter-spacing: -2px; font-size: 52px; line-height: 0.9; margin-bottom: 20px;}
.titles4 span {font-size: 14px; font-weight: 500; letter-spacing: 2px; color: #fe0f00;}
.margin-img-servicios {margin-bottom: 0px;}
.img-servicios {width: 70%;}
.margin-form-movil {margin-bottom: 0px;}
.correo-contacto a {font-size: 16px;}
.margin-card {margin-top: 50px;}
.card { margin-bottom: 0px;}
.margin-noticias-movil {margin-bottom: 0px;}
.card {
  -webkit-transition: margin-top 1s ease-out;
  -moz-transition: margin-top 1s ease-out;
  -o-transition: margin-top 1s ease-out;
  transition: margin-top 1s ease-out;
}
.card:hover {margin-top:20px; cursor: pointer;}

}

@media only screen and (min-width : 992px) {


}


@media only screen and (min-width : 1200px) {
.main-container {padding: 100px;}


}


@media only screen and (min-width : 1400px) {

}


@media only screen and (min-width : 1700px) {

}