html,body {
    font-family: 'Open Sans', sans-serif;
}
/* ::::::::::logo ::::::::::::::::::*/
/* Small only */
@media screen and (max-width: 39.9375em) {
    .logo{
    display: block;
    height: 4rem;
    width: 100%;
    background: url("../img/TGLogo.png") no-repeat center center;
    background-size: contain;
        margin:  1rem 0 1rem 0;
}
}
/* Medium and up */
@media screen and (min-width: 40em) {
.logo{
    display: block;
    height: 6rem;
    width: 100%;
    background: url("../img/TGLogo.png") no-repeat center center;
    background-size: contain;
    margin:  1rem 0 1rem 0;
}
}

    /* Large and up */
@media screen and (min-width: 64em) {
    .logo{
    display: block;
    height: 8rem;
    width: 100%;
    background: url("../img/TGLogo.png") no-repeat center center;

}
    }
/* ::::::::::TAG LINE AREA ::::::::::::::::::*/

/* Small only */
@media screen and (max-width: 39.9375em) {
    .tagline{
    background: url("../img/headerBack.png") repeat-x 3rem;
}
    .avion{
        height: 200px;
        background: url("../img/headerBack.jpg") no-repeat center -1.5rem;
    }
        .avion h3{
        font-size: 1.5rem;
    }
}


/* Medium and up */
@media screen and (min-width: 40em) {
    .tagline{
    background: url("../img/headerBack.png") repeat-x bottom;
}
    .avion{
        height: 400px;
        background: url("../img/headerBack.jpg") no-repeat center top;
    }
    .avion h3{
        font-size: 2.5rem;
    }
}


/* Large and up */
@media screen and (min-width: 64em) {
    .tagline{
    background: url("../img/headerBack.png") repeat-x bottom;
}
    .avion{
        height: 400px;
        background: url("../img/headerBack.jpg") no-repeat center -5rem;
    }
    .avion h3{
        font-size: 2.5rem;
    }
}

.avion{
    text-align: center;
    position: relative;
    width: 100%;
    background-size: cover;
    display: inline-table;
}

.avion h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-shadow:2px 2px 3px rgba( 0,0,0,0.7);
    display: table-cell;
    vertical-align: bottom;
}

/* ::::::::::WELCOME AREA ::::::::::::::::::*/
/* Small only */
@media screen and (max-width: 39.9375em) {
    .welcome-title{
        height: 1.3rem;
    }
    .welcome-title h2{font-size: 2rem; padding-top: 1rem;}
    .welcome-txt p{margin: 1rem 2rem 2rem 2rem;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
    .welcome-title{
        height: 1rem;
    }
    .welcome-title h2{font-size: 2.5rem;padding-top: 1rem;}
    .welcome-txt p{margin: 1rem 8rem 2rem 8rem;}
}
.welcome{
    background:#00458b;
}
.welcome-title{
    text-align: center;
    display: inline-table;
    width: 100%;
    background: url("../img/rule-welcome.png") no-repeat center center;
    background-size: cover;
}
.welcome-title h2{
font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    text-shadow:2px 2px 3px rgba( 0,0,0,0.7);
}

.welcome-txt p{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
}


/* ::::::::::STRENGTH AREA ::::::::::::::::::*/
/* Small only */
@media screen and (max-width: 39.9375em) {
    .strength-title{
        height: 1.3rem;
    }
    .strength-title h2{font-size: 2rem; padding-top: 1rem;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
    .strength-title{
        height: 1rem;
    }
    .strength-title h2{font-size: 2.5rem; padding-top: 1rem;}
}

.strength-title{
    text-align: center;
    display: inline-table;
    width: 100%;
    background: url("../img/rule-stregth.png") no-repeat center center;
    background-size: cover;
}
.strength-title h2{
    font-family: 'Open Sans', sans-serif;
    color: #00458b;
    font-weight: 400;
    text-shadow:2px 2px 3px rgba( 0,0,0,0.7);
}

.strength-1{
    text-align: center;
}
.strength-1 p{
    font-family: 'Open Sans', sans-serif;
    color: #00458b;
    font-weight: 400;
    margin: 1rem 2rem 2rem 2rem;
}


/* ::::::::::SERVICES AREA ::::::::::::::::::*/
.services{
    background:#c41425;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .services-title{
        height: 1.3rem;
    }
    .services-title h2{font-size: 2rem; padding-top: 1rem;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
    .services-title{
        height: 1rem;
    }
    .services-title h2{font-size: 2.5rem; padding-top: 1rem;}
}

.services-title{
    text-align: center;
    display: inline-table;
    width: 100%;
    background: url("../img/rule-welcome.png") no-repeat center center;
    background-size: cover;
}
.services-title h2{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    text-shadow:2px 2px 3px rgba( 0,0,0,0.7);
}

.services-txt li{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    margin-left: 2rem;
    list-style-image: url("../img/bullet-gota-blanca.png");
}

/* ::::::::::CATERING AREA ::::::::::::::::::*/
.catering{
    position: relative;
    display: inline-table;
    height: 20rem;
    width: 100%;
    background: url("../img/cateringback.jpg") no-repeat center center;
    text-align: center;
}

.cateringLink{ display: table-cell; height:auto; width: auto; vertical-align: middle;}
.cateringLink a{color:#c41425; font-size: 2.5rem; font-weight: 700; text-shadow:2px 2px 3px rgba( 0,0,0,0.5);background: rgba(255,255,255,0.6); padding: 1rem;}



/* ::::::::::FOOTER ::::::::::::::::::*/
.cierre{
    background: #003366;
}


/* Small only */
@media screen and (max-width: 39.9375em)  {
    .mails, .phones {
    text-align: center;
}
    .cierre-title h3{font-size: 1.2rem; padding-top: 5rem;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
    .mails, .phones {
    text-align: center;
}
   .cierre-title h3{font-size: 1.5rem; padding-top: 5rem;}
}


/* Large and up */
@media screen and (min-width: 64em) {
        .mails{
    text-align: right;
}
            .phones{
    text-align: left;
}
}



.cierre-title{
    color: #fff; text-align: center;
    display: inline-table;
    width: 100%;
    background: url("../img/turbina.png") no-repeat center 1rem;
    margin-bottom: 1.5rem;
}


.mails li{
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    color: #fff;
    text-decoration: none;
}
.mails a{

    color: #fff;
}
.phones{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.maila{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-align: center;
}