body {
    font-size: 0.95em;
    font-family: 'Heebo', sans-serif;
}

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

strong {
    font-weight: 600;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #fff;
    width: 50%;
}

ul {
    text-align: left;
}

li {
    margin-bottom: 10px;
}

nav {
    background-color: rgba(0,0,0,0.8);
    padding-top: 5px;
    padding-bottom: 5px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: wrap;
}

    nav > a {
        color: white;
        padding-left: 15px;
        padding-right: 15px;
    }

        nav > a:hover {
            color: white;
            font-weight: bold;
        }

.navShow {
    display: flex;
}

.navHide {
    display: none;
}

img.arrowDown, img.arrowUp, img.arrowTop {
    visibility: hidden;
}

span.link {
    color: rgb(233,187,7);
    font-weight: bold;
}

p.notice {
    background-color: rgb(233,187,7);
    padding: 5px;
    color: black;
    font-family: Arial;
    font-size: small;
}

/* Style for our header texts
* --------------------------------------- */
h1 {
    font-size: 1.6em;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    text-shadow: 5px 2px #000000;
}

h2 {
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
    color: rgb(233,187,7);
}

h3 {
    margin-bottom: 0;
}

span.nowrap {
  white-space: nowrap;
}

#certificationsLogos {
    width: 200px;
    height: 314px;
}

#nascc2017logo {
    /*content: url(../img/ADF_IC_NASCC_2017_Announcement_250.png);*/
    max-height: 250px;
    position: absolute;
    float: left;
    bottom: 0;
    left: 0;
    max-width: 70%;
    height: auto;
}

    #nascc2017logo:before {
        /*content: url(../img/ADF_IC_NASCC_2017_Announcement_250.png);*/
        max-height: 250px;
        position: absolute;
        float: left;
        bottom: 0;
        left: 0;
        max-width: 70%;
        height: auto;
    }

@media only screen and (min-height : 590px) {
    #nascc2017logo {
        /*content: url(../img/ADF_IC_NASCC_2017_Announcement_250.png);*/
        max-height: 250px;
        max-width: 100%;
    }
}

@media only screen and (min-width : 414px) and (min-height : 736px) {
    #nascc2017logo {
        /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
        max-height: 500px;
        max-width: 75%;
    }

        #nascc2017logo:before {
            /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
            max-height: 500px;
            max-width: 75%;
        }
}

@media only screen and (min-width : 768px) and (min-height : 1024px) {
    #nascc2017logo {
        /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
        max-height: 500px;
        max-width: 50%;
    }

        #nascc2017logo:before {
            /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
            max-height: 500px;
            max-width: 50%;
        }
}

@media only screen and (min-width : 1024px) and (min-height : 768px) and (orientation: landscape) {
    #nascc2017logo {
        /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
        max-height: 500px;
        max-width: 30%;
    }

        #nascc2017logo:before {
            /*content: url(../img/ADF_IC_NASCC_2017_Announcement_500.png);*/
            max-height: 500px;
            max-width: 30%;
        }
}

/* Centered texts in each section
    * --------------------------------------- */
.section {
    text-align: center;
}

    .section div {
    }

/* Backgrounds will cover all the section
    * --------------------------------------- */
.section {
    background-size: cover;
    background-position-x: center;
}

.slide {
    background-size: cover;
}

/* Defining each section background and styles
    * --------------------------------------- */
.section .content {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    max-width: 82%;
    padding-top: 6%;
    height: 93%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 1.1em;
}

#section0 {
    height: 100%;
    background-image: url(../img/ADF_IC_Page_1.jpg);
    background-size: cover;
    background-position: top;
}

#section0Body {
    min-height: 500px;
}

#section1 {
    background-image: url(../img/ADF_IC_Page_2.jpg);
    background-position-y: center;
}

#section2 {
    background-image: url(../img/ADF_IC_Page_3.jpg);
    background-position-y: center;
}

#section3 {
    background-image: url(../img/ADF_IC_Page_4.jpg);
    background-position-y: center;
}

#section4 {
    background-image: url(../img/ADF_IC_Page_5.jpg);
    background-position-y: center;
}

    #section4 h2 {
        color: rgb(133,196,64);
    }

#section5 {
    background-image: url(../img/ADF_IC_Page_6.jpg);
    background-position-y: center;
}

#section6 {
    background-image: url(../img/ADF_IC_Page_7.jpg);
    background-size: cover;
    background-position-x: center;
    background-position-y: bottom;
}

#markets-map {
    width: 100%;
    max-width: 452px;
}

#section7 {
    background-image: url(../img/ADF_IC_Page_8.jpg);
    background-position-y: center;
}

#section8 {
    background-image: url(../img/ADF_IC_Page_9.png);
    background-position-y: center;
}

    #section8 .smallerFonts {
        font-size: 0.8em;
    }

#section9 {
    background-color: rgba(14, 56, 104, 0.3);
}

    #section9 h1 {
        position: relative;
        top: 20px;
        text-shadow: none;
        background-color: rgba(14, 56, 104, 0.3);
    }

.slide {
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

#slide1 {
    background-image: url(../img/gallery/01.jpg);
    background-size: cover;
}

#slide2 {
    background-image: url(../img/gallery/02.jpg);
}

#slide3 {
    background-image: url(../img/gallery/03.jpg);
}

#slide4 {
    background-image: url(../img/gallery/04.jpg);
}

#slide5 {
    background-image: url(../img/gallery/05.jpg);
}

#slide6 {
    background-image: url(../img/gallery/06.jpg);
}

#slide7 {
    background-image: url(../img/gallery/07.jpg);
}

#slide8 {
    background-image: url(../img/gallery/08.jpg);
}

#slide9 {
    background-image: url(../img/gallery/09.jpg);
}

#slide10 {
    background-image: url(../img/gallery/10.jpg);
}

#slide11 {
    background-image: url(../img/gallery/11.jpg);
}

#slide12 {
    background-image: url(../img/gallery/12.jpg);
}

#slide13 {
    background-image: url(../img/gallery/13.jpg);
}

#slide14 {
    background-image: url(../img/gallery/14.jpg);
}


















/* Custom, iPhone Retina */
/*@media only screen and (min-width : 0px) {
}*/

/* Extra Small Devices, Phones */
/*@media only screen and (min-width : 480px) {
}*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    body {
        font-size: 1.1em;
    }

    h1 {
        font-size: 2em;
        margin-bottom: 60px;
    }

    h2 {
        font-size: 1.2em;
        margin-bottom: 30px;
    }

    nav {
        -webkit-flex-direction: row; /* Safari 6.1+ */
        flex-direction: row;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

        nav > a {
            padding-left: 20px;
            padding-right: 20px;
        }

    p.notice {
        padding: 20px;
        font-size: medium;
    }

    .section .content {
        margin-left: 100px;
        width: 350px;
        padding-top: 75px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #section5 h1 {
        font-size: 1.75em;
    }

    #navFull {
        display: flex;
    }

    #navToggleMenu {
        display: none;
    }
}

/* Medium Devices, Desktops */
/*@media only screen and (min-width : 992px) {
}*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    img.arrowDown {
        visibility: visible;
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: 5px;
        margin-left: 45px;
    }

    img.arrowUp {
        visibility: visible;
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: 5px;
        margin-right: 45px;
    }

    img.arrowTop {
        visibility: visible;
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: 5px;
        right: 20px;
        z-index: 1000;
    }
}