@charset "UTF-8";
/* CSS Document */

body {
    margin: 0px;
    background: url(../images/Background.jpg);
    background-position: top center;
}

* {
    box-sizing: border-box;
}

.img-responsive {
    max-width: 100%;
    height: auto; 
}

@font-face {
    font-family: OswaldBold;
    src: url(../fonts/Oswald-Bold.ttf)
}

@font-face {
    font-family: HelveticaNeue;
    src: url(../fonts/HelveticaNeue.ttc)
}

/****** For mobile: ******/
@media only screen and (max-width: 600px) {

    .container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .logobox {
        margin-left: 35%;
        width: 180px;
        height: 180px;
        z-index: 1;
    }

    label {
        color: white;
        font-size: 26px;
        line-height: 50px;
        width: 26px;
        display: block;
        cursor: pointer;
        float: center;
        margin: 55px auto 0 auto;
      }
    
      #toggle {
        display: none;
      }
    
      #toggle:checked + nav a {
        display: block;
        position: sticky;
      }

    nav {
        text-align: center;
        margin: 150px auto 0 auto;
    }

    nav a {
        width: 120px;
        background-color: #fff;
        color: #00946e;
        font-size: 20px;
        font-family: OswaldBold;
        text-decoration: none;
        padding: 10px;
        border: 1px solid #00946e;
        display: none;
    }

    nav a:hover {
        color: #fff;
        background-color: #00946e;
        border: 1px solid #fff;
    }

    /* FEATURED */
    .featured {
        width: 100%;
        height: 443px;
        background-image: url(../images/Slider1.jpg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .leftarrow {
        width: 28px;
        height: 29px;
        margin: 110px 0px 0px 20px;
    }

    .slidercontent {
        width: 60%;
        height: auto;
        margin-top: -15%;
        margin-left: 22%;
    }

    .rightarrow {
        width: 28px;
        height: 29px;
        float: right;
        margin: -60px 20px 0px 0px;
    }

    /* MAIN */
    main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 40px;
    }

    /* WELCOME */
    .intro h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
    }

    .intro p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    iframe {
        border-width: 0px;
    }

    /* GALLERY */
    .gallery {
        width: 100%;
        padding: 20px;
        background-color: #DEF1EC;
    }

    .gallery h1 {
        margin-top: -15px;
        margin-bottom: -10px;
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
    }

    .gallery p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-bottom: -10px;
    }

    .gallery img {
        margin-top: 5px;
        margin-left: 5px;
    }

    aside {
        display: none;
    }

    .leftmod, .midmod, .rightmod {
        margin: 0 auto 0 auto;
        width: 328px;
        text-align: center;
    }

    .leftmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .leftmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .midmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .midmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .rightmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .rightmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    /* FOOTER */
    footer {
        width: 100%;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    footer a {
        text-decoration: none;
    }

    footer p {
        float: right;
        margin: 27px 62px auto 0;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 8pt;
    }

    .socialicons {
        width: 213px;
        height: 40px;
        margin: 13px 0px auto 63px;
        float: left;
    }

    .socialicons img {
        margin-right: 10px;
    }

    /* ABOUT PAGE MOBILE */
    .about-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .about-featured {
        max-width: 100%;
    }

    .about-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .about-footer {
        width: 100%;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    td {
        padding: 10px;
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
    }
    
    table {
        width: 100%;
        margin: 10px auto 10px auto;
    }

    .about-table tr:nth-child(even) td {
        background-color: #fff;
    }

    .about-table tr:nth-child(1) td {
        background-color: #00946e;
        color: #fff;
    }

    .about-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: -20px;
    }

    .about-main p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    .about-btmimg {
        margin-top: 49px;
    }

    .about-topimg {
        margin-top: 0;
    }

    /* EVENT PAGE TABLET */
    .event-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .event-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .event-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: -15px;
    }

    .event-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .event-main h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        margin-top: 0px;
    }
    
    ul {
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        font-size: 10pt;
        color: black;
        line-height: 18pt;
        padding: 15px;
        list-style: none;
        margin-top: -8px;
    }

    .event-admission h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        display: inline;
    }
    
    .event-admission p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        display: inline;
        line-height: 17pt;
    }

    .event-ad {
        display: none;
    }


    /* GALLERY PAGE MOBILE */
    .gallery-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .gallery-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .gallery-pastfair img {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .gallery-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: -20px;
    }

    .gallery-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .gallery-volunteer h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 26pt;
        line-height: 28pt;
        margin-top: 20px;
    }
    
    .gallery-volunteer p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -5px;
    }
    
    .gallery-volunteer h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 10pt;
        line-height: 12pt;
        margin-top: -5px;
    }

    .gallery-topimg {
        margin-top: 0px;
    }


    /* CONTACT PAGE MOBILE */
    .contact-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .contact-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .contact-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0;
    }

    #contacth1 {
        margin-top: -20px;
    }
    
    .contact-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -20px;
    }

    .contact-main h2 {
        font-family: HelveticaNeue-Medium;
        color: #00946e;
        font-size: 10pt;
        margin-bottom: 20px;
    }

    .mapouter {
        width: 100%;
        height: 100%;
        margin-top: -10px;
        overflow: hidden;
    }

    .contact-map {
        width: 300px;
    }

}/* Closing mobile: */


/****** For tablet: ******/
@media only screen and (min-width: 601px) {


    .container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .logobox {
        width: 229px;
        height: 229px;
        margin-left: 55px;
        z-index: 1;
    }

    label {
        display: none;
    }
    
    #toggle {
        display: none;
    }

    nav {
        margin-right: -30px;
        margin-top: 120px;
    }

    nav a {
        color: white;
        font-size: 20px;
        font-family: OswaldBold;
        text-decoration: none;
        margin-left: 30px;
    }

    nav a:hover {
        color: #ffa168;
    }

    /* FEATURED */
    .featured {
        width: 100%;
        height: 443px;
        background-image: url(../images/Slider1.jpg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .leftarrow {
        width: 28px;
        height: 29px;
        margin: 200px 0px 0px 20px;
    }

    .slidercontent {
        width: 100%;
        height: auto;
        margin-top: -70px;
        margin-left: 300px;
    }

    .rightarrow {
        width: 28px;
        height: 29px;
        float: right;
        margin: -70px 20px 0px 0px;
    }

    /* MAIN */
    main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    /* WELCOME */
    .intro h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
    }

    .intro p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    iframe {
        border-width: 0px;
    }

    /* GALLERY */
    .gallery {
        width: 100%;
        padding: 20px;
        background-color: #DEF1EC;
    }

    .gallery h1 {
        margin-top: -15px;
        margin-bottom: -10px;
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
    }

    .gallery p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-bottom: -10px;
    }

    .gallery img {
        margin-top: 5px;
        margin-left: 5px;
    }

    .leftmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .leftmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .midmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .midmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .rightmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .rightmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    /* FOOTER */
    footer {
        width: 100%;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    footer a {
        text-decoration: none;
    }

    footer p {
        float: right;
        margin: 27px 62px auto 0;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 8pt;
    }

    .socialicons {
        width: 213px;
        height: 40px;
        margin: 13px 0px auto 63px;
        float: left;
    }

    .socialicons img {
        margin-right: 10px;
    }

    /* ABOUT PAGE TABLET */
    .about-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .about-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .about-footer {
        width: 100%;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    td {
        padding: 10px;
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
    }
    
    table {
        width: 100%;
        margin: 10px auto 10px auto;
    }

    .about-table tr:nth-child(even) td {
        background-color: #fff;
    }

    .about-table tr:nth-child(1) td {
        background-color: #00946e;
        color: #fff;
    }

    .about-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: -20px;
    }

    .about-main p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    .about-btmimg {
        margin-top: 49px;
    }

    .about-topimg {
        margin-top: 49px;
    }

    /* EVENT PAGE TABLET */
    .event-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .event-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .event-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0px;
    }

    .event-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .event-main h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        margin-top: 0px;
    }
    
    ul {
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        font-size: 10pt;
        color: black;
        line-height: 18pt;
        padding: 15px;
        list-style: none;
        margin-top: -8px;
    }

    .event-admission h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        display: inline;
    }
    
    .event-admission p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        display: inline;
        line-height: 17pt;
    }


    /* GALLERY PAGE TABLET */
    .gallery-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .gallery-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .gallery-pastfair img {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .gallery-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0px;
    }

    .gallery-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .gallery-volunteer h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 26pt;
        line-height: 28pt;
    }
    
    .gallery-volunteer p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -5px;
    }
    
    .gallery-volunteer h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 10pt;
        line-height: 12pt;
        margin-top: -5px;
    }

    .gallery-topimg {
        margin-top: 40px;
    }


    /* CONTACT PAGE TABLET */
    .contact-container {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .contact-main {
        width: 100%;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .contact-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0;
    }

    #contacth1 {
        margin-top: -20px;
    }
    
    .contact-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -20px;
    }

    .contact-main h2 {
        font-family: HelveticaNeue-Medium;
        color: #00946e;
        font-size: 10pt;
        margin-bottom: 20px;
    }

    .mapouter {
        width: 100%;
        height: auto;
        margin-top: -10px;
    }

}/* Closing tablet: */


/****** For desktop: ******/
@media only screen and (min-width: 980px) {

    .container {
        width: 960px;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .logobox {
        width: 229px;
        height: 229px;
        margin-left: 55px;
        z-index: 1;
    }

    label {
        display: none;
    }
    
    #toggle {
        display: none;
    }

    nav {
        margin-right: -30px;
        margin-top: 120px;
    }

    nav a {
        color: white;
        font-size: 20px;
        font-family: OswaldBold;
        text-decoration: none;
        margin-left: 30px;
    }

    nav a:hover {
        color: #ffa168;
    }

    /* FEATURED */
    .featured {
        width: 960px;
        max-height: 443px;
        background-image: url(../images/Slider1.jpg), url(../images/Slider2.jpg);
        background-size: contain;
    }

    .leftarrow {
        width: 28px;
        height: 29px;
        margin: 200px 0px 0px 20px;
    }

    .slidercontent {
        width: 100%;
        height: auto;
        margin-top: -70px;
        margin-left: 300px;
    }

    .rightarrow {
        width: 28px;
        height: 29px;
        float: right;
        margin: -70px 20px 0px 0px;
    }

    /* MAIN */
    main {
        width: 945px;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    /* WELCOME */
    .intro h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
    }

    .intro p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    iframe {
        border-width: 0px;
    }

    /* GALLERY */
    .gallery {
        width: 100%;
        padding: 20px;
        background-color: #DEF1EC;
    }

    .gallery h1 {
        margin: -15px 0 24px 0;
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        float: left;
        margin-right: 10px;
    }

    .gallery p {
        margin: -15px 0 24px 0;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: 14px;
    }

    .gallery img {
        margin-top: -20px;
        margin-left: 5px;
    }

    .leftmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .leftmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .midmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .midmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    .rightmod h2 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 13pt;
        margin: 8px auto 0 auto;
    }

    .rightmod p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 9pt;
        margin: 3px auto 5px auto;
        line-height: 12pt;
    }

    /* FOOTER */
    footer {
        width: 945px;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    footer a {
        text-decoration: none;
    }

    footer p {
        float: right;
        margin: 27px 62px auto 0;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 8pt;
    }

    .socialicons {
        width: 213px;
        height: 40px;
        margin: 13px 0px auto 63px;
        float: left;
    }

    .socialicons img {
        margin-right: 10px;
    }

    /* ABOUT PAGE DESKTOP */
    .about-container {
        width: 960px;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .about-main {
        width: 960px;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .about-footer {
        width: 960px;
        height: 66px;
        background-color: white;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    td {
        padding: 10px;
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
    }
    
    table {
        width: 100%;
        margin: 10px auto 10px auto;
    }

    .about-table tr:nth-child(even) td {
        background-color: #fff;
    }

    .about-table tr:nth-child(1) td {
        background-color: #00946e;
        color: #fff;
    }

    .about-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: -20px;
    }

    .about-main p {
        margin-top: -15px;
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
    }

    .about-btmimg {
        margin-top: 49px;
    }

    .about-topimg {
        margin-top: 49px;
    }


    /* EVENT PAGE DESKTOP */
    .event-container {
        width: 960px;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .event-main {
        width: 960px;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .event-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0px;
    }

    .event-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .event-main h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        margin-top: 0px;
    }
    
    ul {
        background-color: #deeee7;
        font-family: HelveticaNeue-Light;
        font-size: 10pt;
        color: black;
        line-height: 18pt;
        padding: 15px;
        list-style: none;
        margin-top: -8px;
    }

    .event-admission h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 12pt;
        display: inline;
    }
    
    .event-admission p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        display: inline;
        line-height: 17pt;
    }


    /* GALLERY PAGE DESKTOP */
    .gallery-container {
        width: 960px;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .gallery-main {
        width: 960px;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .gallery-pastfair img {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .gallery-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0px;
    }

    .gallery-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -25px;
    }

    .gallery-volunteer h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 26pt;
        line-height: 28pt;
    }
    
    .gallery-volunteer p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -5px;
    }
    
    .gallery-volunteer h2 {
        font-family: HelveticaNeue-Medium;
        color: black;
        font-size: 10pt;
        line-height: 12pt;
        margin-top: -5px;
    }


    /* CONTACT PAGE DESKTOP */
    .contact-container {
        width: 960px;
        height: auto;
        margin: 0 auto 0 auto;
    }

    .contact-main {
        width: 960px;
        height: auto;
        background-color: white;
        padding: 60px;
    }

    .contact-main h1 {
        font-family: OswaldBold;
        color: #00946e;
        font-size: 28pt;
        margin-top: 0;
    }

    #contacth1 {
        margin-top: -20px;
    }
    
    .contact-main p {
        font-family: HelveticaNeue-Light;
        color: black;
        font-size: 10pt;
        line-height: 17pt;
        margin-top: -20px;
    }

    .contact-main h2 {
        font-family: HelveticaNeue-Medium;
        color: #00946e;
        font-size: 10pt;
        margin-bottom: 20px;
    }

    .mapouter {
        margin-top: -40px;
    }

}/* Closing desktop: */