* {
  font-size: 15px;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 900px) {
  * {
    font-size: 11px;
  }
}

@media only screen and (max-width: 800px) {
  * {
    font-size: 9px;
  }
}

@media only screen and (max-width: 700px) {
  * {
    font-size: 7px;
  }
}

div {
  /*border: 1px dashed gray;*/
}

body div {
  float: left;
}

a {
  color: inherit;
  text-decoration: none;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.offset-1 {margin-left: 8.33%;}
.offset-2 {margin-left: 16.66%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.33%;}
.offset-5 {margin-left: 41.66%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.33%;}
.offset-8 {margin-left: 66.66%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.33%;}
.offset-11 {margin-left: 91.66%;}
.offset-12 {margin-left: 100%;}

[class*="col-"] {
    float: left;
    height: inherit;
    /*padding: 10pt;*/
}

.middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.center {
  text-align: center;
  align-items: center;
}

.right {
  text-align: right;
  align-items: right;
  float: right;
}

.font-120 {
  font-size: 1.2em;
}

.header {
  width: 100%;
  background-color: #006295;
  height: 6em;
}

.header div {
  float: left;
}

.header .logo {
  background-image: url('../images/logo.png');
  width: 10em;
  height: 10em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 5%;
  position: relative;
}

.header ul {
  list-style-type: none;
  overflow: hidden;
  display: table;
  height: inherit;
  text-align: center;
}

.header ul li {
  display: table-cell;
  vertical-align: middle;
}

.header .menu-items {
  width: 60%;
  height: inherit;
  text-align: center;
}

.header .menu-items ul li a {
  margin-left: 2em;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}

.header .menu-items ul li a:hover {
  color: lightgray;
}

.header .social {
  width: 20%;
  height: inherit;
}

.header .social img {
  height: 2em;
  width: 2em;
  margin-left: 1em;
}

.content {
  padding: 0;
  margin: 0;
}

.jumbotron {
  height: 17em;
  background-image: url('../images/jumbotron-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0;
}

.jumbotron .table-cloth {
  margin-left: 3em;
  margin-top: 1em;
  background-color: white;
  margin-right: 3em;
  margin-bottom: 1em;
  height: 15em;
}

.jumbotron .table-cloth .left, .jumbotron .table-cloth .right {
  width: 50%;
  float: left;
  padding-left: 4em;
  padding-right: 4em;
  padding-top:
   1em;
  padding-bottom: 1em;
}

.jumbotron .table-cloth .left .title {
  color: #253848;
  margin-left: 1em;
  margin-right: 1em;
}

.jumbotron .table-cloth .left .sub-title {
  color: #595959;
  margin-left: 1em;
  margin-right: 1em;
}

.jumbotron .table-cloth .left .sub-title p {
  text-indent: 2em;
  font-size: 1.2em;
}

.jumbotron .table-cloth .right, .jumbotron .table-cloth .right div {
  float: left;
}

.jumbotron .table-cloth .right .photo {
  width: 10.5em;
  background-image: url('../images/customer-service-1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 14em;
  margin-bottom: 1em;
  margin-left: 3em;
}

.jumbotron .table-cloth .right .motto, .jumbotron .table-cloth .right .contact {
  width: 50%;
  float: right;
}

.jumbotron .table-cloth .right .motto {
  margin-top: 2em;
  height: 4em;
}

.jumbotron .table-cloth .right .motto h2 {
  font-size: 1.8em;
  text-align: center;
  color: #253848;
}

.jumbotron .table-cloth .right .contact .button {
  border-radius: 0.4em;
  background-color: #7030A0;
  color: white;
  padding: 1em;
  width: 50%;
  margin-left: 25%;
  text-align: center;
  font-weight: bold;
  margin-top: 1em;
  cursor: pointer;
}

.we-are {
  height: 10em;
  width: 100%;
  display: table;
}

.we-are .title, .we-are .description {
  clear: both;
  float: none;
  width: 50%;
  display: table-cell;
  height: inherit;
  vertical-align: middle;
}

.we-are .title {
  text-align: right;
  padding-right: 2em;
}

.we-are .title h3 {
  font-size: 2em;
  color: #253848;
}

.we-are .description p {
  font-size: 1.2em;
  padding-left: 2em;
  width: 70%;
  color: #262626;

}

.pretty-numbers {
  width: 100%;
  height: 14em;
  background-image: url('../images/planefront.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
}

.pretty-numbers div {
  float: left;
  width: 33.33%;
  text-align: center;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
}

.pretty-numbers div h1, .pretty-numbers div h2 {
  margin: 0;
}

.pretty-numbers div h1 {
  font-size: 3em;
}

.pretty-numbers div h2 {
  font-size: 2em;
}

.our-solution {
  margin-top: 2.5em;
  width: 100%;
  padding-left: 6%;
  padding-right: 6%;
}

.our-solution .item {
  float: left;
  width: 50%;
  height: 17em;
}

.our-solution .item > div {
  width: 50%;
}

.our-solution .item .image div {
  width: 100%;
}

.our-solution .item .image > .title {
  height: 3em;
  text-transform: uppercase;
  font-weight: bold;
}

.our-solution .item .image > .title > h2 {
  font-size: 1.5em;
}

.our-solution .item .image > .image {
  height: 14em;
}

.our-solution .item .image img {
  width: 100%;
  height: 100%;
}

.our-solution .item .text {
  font-size: 1.5em;
  padding: 0.5em;
  height: inherit;
}

.contact {
  margin-top: 3em;
  width: 80%;
  margin-left: 10%;
}

.contact > .title {
  width: 100%;
  text-align: center;
  border-bottom: 0.4em solid #3494BA;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.contact > .title > h1 {
  margin: 0.25em;
}

.contact > .message {
  width: 80%;
  margin-top: 1em;
  margin-left: 10%;
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.2em;
}

.contact > .form-control {
  width: 80%;
  margin: 0.5em;
  margin-left: 10%;
  float: left;
}

.contact > .form-control > input[type=text],
.contact > .form-control > input[type=email],
.contact > .form-control > textarea {
  width: 100%;
  border-radius: 0.33em;
  -webkit-border-radius: 0.33em;
  -moz-border-radius: 0.33em;
  border: 1px solid #3494BA;
  padding: 0.5em;
  outline-style: none;
}

.contact > .form-control > input[type=text]:focus,
.contact > .form-control > input[type=email]:focus,
.contact > .form-control > textarea:focus {
  box-shadow: 0 0 1px 1px #3494BA;
}

.contact > .form-control > .button {
  border-radius: 0.33em;
  -webkit-border-radius: 0.33em;
  -moz-border-radius: 0.33em;
  background-color: #7030A0;
  color: white;
  font-weight: bold;
  padding: 1em;
  width: 10em;
  text-align: center;
}

.footer {
  background-color: #0E2E46;
  width: 100%;
  color: white;
  margin-top: 3em;
}

.footer div {
  float: left;
  width: 33.33%;
  height: 6em;
}

.footer > .social > .title {
  background-image: url('../images/logo.png');
  width: 6em;
  height: 6em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 10%;
  position: relative;
}

.footer ul {
  list-style-type: none;
  overflow: hidden;
  display: table;
  height: inherit;
  text-align: center;
}

.footer ul li {
  display: table-cell;
  vertical-align: middle;
}

.footer .menu ul li a {
  margin-left: 1em;
  color: white;
  font-weight: bold;
  font-size: 1em;
}

.footer .menu ul li a:hover {
  color: lightgray;
}

.footer .copyright div {
  width: 100%;
  text-align: center;
}

.airports-title, .airports-description, .airports-list {
  float: left;
  width: 80%;
  margin-left: 10%;
}

.airports-title {
  border-bottom: 3px solid navy;
  margin-top: 3em;
  margin-bottom: 2em;
}

.airports-title h1 {
  margin: 0;
}

.airports-description h3 {
  font-size: 1.4em;
}

.airports-list > .item {
  float: left;
  width: 100%;
  margin-top: 2em;
}

.airports-list > .item > div {
  float: left;
}

.airports-list > .item > .photo {
  width: 25%;
  height: 10em;
  border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  background-size: 100% 100%;
}

.airports-list > .item > .title,
.airports-list > .item > .subtitle,
.airports-list > .item > .description {
  width: 75%;
  float: left;
  padding: 0.5em;
  padding-left: 2em;
  box-sizing: border-box;
}

.airports-list > .item > .title h2 {
  font-size: 1.5em;
}

.airports-list > .item > .subtitle h3 {
  font-size: 1.2em;
}

#photo-aiport-mty {
  background-image: url('../images/amty.jpg');
}

#photo-aiport-aca {
  background-image: url('../images/aaca.jpg');
}

#photo-aiport-chih {
  background-image: url('../images/achih.jpg');
}

#photo-aiport-aicm {
  background-image: url('../images/aicm.jpg');
}

#photo-aiport-bajio {
  background-image: url('../images/abajio.jpg');
}

#photo-aiport-hillo {
  background-image: url('../images/ahillo.jpg');
}

#photo-aiport-cul {
  background-image: url('../images/acul.jpg');
}

.airports-list > .item > .description > .companies img {
  width: 8em;
  height: 4em;
}



img {
    width: 100%;
    height: auto;
}
#vido{
   width: 100%;
    height: auto;
}
div.airports-description p{
text-indent: 2em;
  font-size: 1.2em;
  color:#6d8ba5;
}
div.airports-description li{
text-indent: 2em;
  font-size: 1.2em;
  color:#6d8ba5;
}

#facturacion
{
    border: 1px solid black;
    border-color: #6d8ba5;
    border-collapse: collapse;
    text-indent: 0;          /* antes era 2em, eso descentraba el texto */
    text-align: center;
    font-size: 1.2em;
    width: 100%;             /* le faltaba el punto y coma */
}