/*//////// DEFAULT PAGES - page.php ////////*/



/*////// HERO SECTION //////*/
section.hero-section {
    /*background-color: #000000;*/
}
section.hero-section div.hero-container {
    padding: 0 0;
    height: 81.7rem;
    background-color: #787878;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*//// FLEX ////*/
div.hero-container div.hero-flex-container {
    padding: 19.2rem 20.5rem;
}
div.hero-flex-container div.hero-flex-item {}

/*// FLEX SPECIFICS //*/
#hero-flex-item-1 {
    text-align: center;
}
#hero-flex-item-2 {}
#hero-flex-item-3 {}

/*// ELEMENTS //*/
#hero-flex-item-1 h1 {
    margin-top: 6rem;
    color: #ffffff;
    font-family: "Gotham";
    font-size: 6rem;
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.16; /* 116.667% */
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    text-align: center;
}
#hero-flex-item-1 img {
    width: 37.9rem;
    margin: 0 auto;
    text-align: center;
}
#hero-flex-item-2 p {}
#hero-flex-item-2 strong {}
#hero-flex-item-3 a.cta-button {}





/*////// CONTENT SECTION //////*/
section.content-section {}
section.content-section div.content-container {
    padding: 10rem 18rem;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;   
}

/*//// FLEX ////*/
div.content-container div.content-flex-container {}
div.content-flex-container div.content-flex-item {}
div.content-flex-item h2 {
    margin: 0 0;
    margin-bottom: 2rem;
    color: var(--Blue, #0A1E2C);
    font-family: "Gotham";
    font-size: 4.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22; /* 122.222% */
}
div.content-flex-item h3 {
    margin: 0 0;
    margin-bottom: 2rem;
    color: var(--Blue, #0A1E2C);
    font-family: "Gotham";
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22; /* 122.222% */
}
div.content-flex-item h4 {
    margin: 0 0;
    margin-bottom: 2rem;
    color: var(--Blue, #0A1E2C);
    font-family: "Gotham";
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22; /* 122.222% */
}
div.content-flex-item p {
    margin: 0 0;
    margin-bottom: 2rem;
    color: var(--Blue, #0A1E2C);
    font-family: "avenir-lt-pro";
    margin: 0 0;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.33; /* 133.333% */
}




/*////// GRANULAR RESPONSIVE //////*/
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { }

/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) { }
@media only screen and (max-width: 480px) { }

/*// LANDSCAPE ORIENTATION - TABLET & SMALLER //*/
@media screen and (max-width: 1024px) and (orientation: landscape) { }
@media screen and (max-width: 851px) and (orientation: landscape) { }