/* GENERAL STYLES */
body{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:400;
}
body p{
    line-height:1.5;
}
section{
    background-color:#fff;
    padding:2em 0;
}
.btn.btn-primary,
.btn.btn-default{
    width:100%;
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}
.btn span{
    font-family:'Helvetica Now Display', Helvetica, sans-serif;
    font-weight:900;
}
@media(min-width:768px){
    section{
        padding:5em 0;
    }
}

/* Utility Classes */
.flex-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
@media(min-width:768px){
    .flex-content{
        flex-direction:row;
        justify-content:space-between;
    }
}
.small-text{
    font-size:0.9em !important;
}
.phone-number{
    font-weight:bold;
    margin-top:8px;
    font-size:1em !important;
    text-align:center;
}

/* HEADER STYLES */
header.fid-simple-header{
    height:auto;
    padding:1em 0;
}
header.fid-simple-header img.fid-header-logo{
    height:32px;
    margin-bottom:8px;
}
header .flex-header-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
header .h1{
    color:#fff;
    font-size:1.3em;
    margin:0;
    padding:0;
}
@media(min-width:768px){
    header.fid-simple-header img.fid-header-logo{
        margin-bottom:0;
    }
    header .flex-header-content{
        flex-direction:row;
        justify-content:space-between;
    }
}

/* JUMBOTRON STYLES */
main .jumbotron img{
    border:1px solid #000;
    border-radius:1em;
}
@media(min-width:768px){
    main .jumbotron{
        background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/aviationOffers_heroImg2.jpg");
        color:#fff;
    }
}

/* MAIN STYLES */
/* Main Content */
.main-content .h2{
    text-align:center;
    margin:0.5em 0 2em;
}
.main-content img{
    width:100%;
    max-width:350px;
    flex:1 0 auto;
    margin-bottom:1em;
    border:1px solid #000;
    border-radius:1em;
}
.main-content .flex-content-text p{
    font-size:1.2em;
}
@media(min-width:768px){
    .main-content img{
        margin-right:1em;
        margin-bottom:0;
    }
    .main-content .flex-content{
        justify-content:space-around;
    }
    .main-content .flex-content-text{
        width:50%;
    }
    .main-content .btn-container{
        width:100%;
        max-width:320px;
        text-align:center;
    }
    .main-content .btn.btn-primary{
        margin-left:0;
    }
}

/* Gray Section */
.gray-section{
    background-color:#f5f5f5;
}
.gray-section .h3{
    font-size:1.8em;
    margin-bottom:1em;
}
.gray-section p{
    font-size:1.1em;
}
.gray-section ul li{
    margin-bottom:8px;
    font-size:1.1em;
}

/* Call To Action */
.white-section.call-action{
    padding:3em 0;
}
@media(min-width:768px){
    .white-section.call-action{
        padding:6em 0;
    }
}
/* Starburst */
.starburst{
    background-color:#006ed7;
    width:150px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    position:relative;
    margin: 3em auto;
}
.starburst:before,
.starburst:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background:inherit;
    z-index:0;
    transform:rotate(30deg);
}
.starburst:after{
    transform:rotate(-30deg);
}
.starburst span{
    position:relative;
    z-index:10;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.3;
    display:inline-block;
    text-align:center;
}
@media(min-width:768px){
    .starburst{
        margin:0 auto;
    }
}
.white-section{
    background-color:#fff;
    padding:3em 0;
}
.white-section h3.h3{
    text-align:center;
    margin-bottom:1.5em;
}
@media(min-width:768px){
    .white-section .subscribe-content{
        width:70%;
        margin-left:auto;
        margin-right:auto;
    }
}

/* Blue Section */
.blue-section{
    background-color:#0000eb;
    padding:2em 0;
}
.blue-section p{
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:1.2em;
}

/* FOOTER STYLES */
.copyright{
    background-color:#000;
    color:#fff;
    padding:2em 0;
}
.copyright img{
    width:100%;
    max-width:120px;
    display:block;
    margin:0 auto;
}
.copyright p{
    font-size:0.75em;
    color:#f5f5f5;
    text-align:center;
}