/* Breakpoints for:
        A. Full size: 1001+  
        B. X-large: 801-1000
        C. Large: 511-800 
        D. Med: 411-510px
        E. Small screen 320-410px
            iPhone, iPad splitscreen small side
        F. Width where Nav bar breaks: 542px
        
*/

@media (prefers-reduced-motion: no-preference) {
    * {
        scroll-behavior: smooth;
    }
}

* {
    box-sizing: border-box;
    color: #777
}

html,
body {
    margin: 0;
    padding: 0;
    background: #f5f6f7;
    color: #1b1b32;
    font-family: Helvetica;
    /* margin: 0; */
}

/* HEADER */
/* LOGO */

header .logo {
    padding: .4em;
}

/* END LOGO */

/* NAVIGATION */
header nav {
    background-color: #012E3A;
    display: flex;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
}

nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-inline-start: 0;
    margin-block: 0;
    height: 100%;
}

nav li {
    display: inline;
    /* font-size: 3.2vw; */
}

/* TODO 
                2/22/23
                1. Force anchors to resize as necessary and stay on bottom half of nav bar.
                2/23/23
                2. More space needed on right side of nav.
            */
nav a {
    display: inline-block;
    padding: 10px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 20%;
}

nav a:hover {
    background-color: #FFFFFF30;
    cursor: pointer;
}

.miniNav {
    height: 50px;
    position: fixed;
}

#miniLogo {
    max-width: 150px;
}

.topNav {
    width: 100%;
    height: 100px;
    position: relative;
}

#topLogo {
    max-width: 222px;
    max-height: 75px;
    width: auto;
    height: auto;
}

.bannerImage {
    width: 100%;
    max-height: auto;
    padding-bottom: 0;
}

/* END NAVIGATION */
/* END HEADER */

/* SECTIONS */

section {
    /* padding-top: 450px; */
    display: flex;
    justify-content: space-around;
    /* margin: 150px 30px 50px 150px; */
    /* align-items: flex-end; */
}

.zeroTopSection {
    padding-top: 10px;
}

.sectionHead {
    color: #F8917A
}

.margin {
    flex: .35;
}

.leftContainer {
    /* width: 300px; */
    flex-basis: 20%;
    justify-content: end;
    align-items: start;
    /* margin: 0 auto; */
    flex: 1;
}

.rightContainer {
    justify-content: start;
    align-items: start;
    /* margin: 0 auto; */
    padding: 7px;
    flex: 2;
}

p {
    letter-spacing: 1px;
    word-spacing: 1px;
    text-align: justify;
    /* margin-bottom: -50px; */
}

/* MISSION SECTION */
#missionSection {
    display: block;
    margin-bottom: 250px;
}

#missionStatement {
    margin: auto;
    max-width: 60%;

}

.slogan {
    text-align: center;
    margin: auto;
}

#missionSection h1 {
    text-align: center;
}

#missionSection .rightContainer {
    padding: 22px;
}

/* END MISSION SECTION */

/* SERVICES SECTION */

.darkBackground {
    background-color: #012E3A;
}

#servicesImg {
    display: block;
    width: 200px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.services {
    margin-top: 0;
}

#servicesList {
    margin-top: -22px;
    margin-left: 29px;
    padding-bottom: 150px;
}

#servicesList li {
    margin-top: 20px;
}

.services h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* END SERVICES SECTION */

/* ABOUT US SECTION */
/* #aboutUsSection p {
    padding-bottom: 50px;
} */
#addressContactUs {
    list-style-type: none;
    margin-top: -10px;
    margin-left: -20px;
}

#aboutUsImg {
    width: 100%;
    height: auto;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

#aboutUsSection {
    padding-top: 100px;
}

#aboutYouCarrier {
    padding-bottom: 150px;
}

/* END ABOUT US SECTION */

/* CONTACT US SECTION */

#contactUsSection {
    padding-top: 55px;
}

/* END CONTACT US SECTION */

/* FORM SECTION */

#contact_form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: left;
    /*align-items: left;*/
}

#form-messages {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.contact-info,
.submit {
    margin: 5px auto;
    width: 100%;
    max-width: 200px;
}

.form-division {
    margin-bottom: 5px;
    width: 100%;
    max-width: 200px;
}

#submit {
    border-radius: 40px;
    height: 30px;
    cursor: pointer;
    letter-spacing: 1px;
    word-spacing: 1px;
}

/* END FORM SECTION*/
/* END SECTIONS */

/* FOOTER */
footer {
    background-color: #012E3A;
    display: flex;
    justify-content: center;
}

/* footer img {
    width: 100%;
    height: auto;
    max-height: 125px;
    opacity: 0.4; 
}*/
/* END FOOTER */

/* STYLES FOR PRIVACY STATEMENT */

.marginPrivacyStatement {
    min-width: 10%;
    max-width: 35%;
}

.centeredText {
    text-align: center;
}

/* END OF STYLES FOR PRIVACY STATMENT */