/* ===== MOBILE LANDSCAPE ===== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
@media only screen and (min-width: 480px) {

    
    
    #mainSlider li.sy-slide {
        height: 380px;
    }
    
    section#hoofdbestuur article ul li {
        width: 45%; /*50 - 5*/
    }
    
    /*section#spelers article div {
        width: 49.00000%;
    }
    
    section#trainers article div,
    section#transfers article div {
        width: 49.00000%;
    }*/
    
    section#akern article div {
        width: 49.00000%;
    }
    
    
    
}















/* ===== TABLET PORTRAIT ===== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
@media only screen and (min-width: 768px) {

    
    #hero {
        height: 30vh;
    }
    
    
    #mobileNavigationWrapper {
        padding: 20px 50px;
    }
    
    html {
        font-size: 1.18em;
    }
    
    
    
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    article {
        padding: 30px;
    } 
    
    
    
    
    
    #mainSlider li.sy-slide {
        height: 576px;
    }
    
    
    
    #mainSlider .external-captions {
        font-size: 1.5em;
        text-shadow: 0px 0px 5px #000;
        padding-bottom: 11%;
    }
    
    
    
    
    
    
    section#nieuws article {
        width: 49.00000%;
        display: inline-block;
        vertical-align: top;
        padding: 20px;
    }
    
    
    
    
    #ploegen #hero {
        background-image: url(../img/ploegen_1200x625.jpg);
    }
    
    #wedstrijden #hero {
        background-image: url(../img/wedstrijden_1200x625.jpg);
    }

    /*#a-kern #hero {
        background-image: url(../img/akern_800x417.jpg);
    }
    
    #b-kern #hero {
        background-image: url(../img/bkern_800x417.jpg);
    }*/
    
    #clubinfo #hero {
    background-image: url(../img/clubinfo_1200x625.jpg);
}
    
    /*#netwerkavond #hero {
        background-image: url(../img/netwerkavond_1200x625.jpg);
    }*/

    #thuiswedstrijden-diner #hero {
        background-image: url(../img/thuiswedstrijden-diner_1200x625.jpg);
    }

    #partnership #hero {
        background-image: url(../img/partnership_1200x625.jpg);
    }
    
    
    section#sponsors ul#sponsorGallery li {
        padding: 40px;
    }
    
    
    
    
    
    
    
    
    
    
    /*#businesshero .grid-item a#grid_netwerkavond {
        background-image: url(../img/netwerkavond_1200x625.jpg);
    }*/

    #businesshero .grid-item a#grid_thuiswedstrijden-diner {
        background-image: url(../img/thuiswedstrijden-diner_1200x625.jpg);
    }

    #businesshero .grid-item a#grid_partnership {
        background-image: url(../img/partnership_1200x625.jpg);
    }
    
    
    
    
    
    

    

}















/* ===== TABLET LANDSCAPE ===== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
@media only screen and (min-width: 1024px) {

    
    
    
    
    
    
    
    
    html {
        font-size: 1.25em;
    }
    
    
    #mobileNavigationWrapper {
        padding: 20px 70px;
    }
    
    
    
    .header h1 {
        font-size: 4em;
    }

    .header h3 {
        font-size: 2.34em;
    }
    
    
    
    
    
    #mainSlider li.sy-slide {
        height: 720px;
    }
    
    #mainSlider .external-captions {
        padding-bottom: 9%;
    }
    
    
    
    
    #hero {
        height: 50vh;
    }
    

    section#googlemap div.stretchy-wrapper {
        padding-bottom: 27.0833333333%; /* 520px : (1920px : 100) */
    }
    
    
    
    
    section#hoofdbestuur article ul li {
        width: 28.333%; /*33.333 - 5*/
    }
    
    
    
    section#nieuws article {
        width: 33.00000%;
    }
    
    
    
    section#wedstrijden article {
        width: 48.00000%;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }
    
    
    
    section#sponsors ul#sponsorGallery li {
        padding: 50px;
    }
    
    
    /*section#spelers article div {
        width: 24.00000%;
    }*/
    
    section#akern article.spelers div {
        width: 24.00000%;
    }
    
    
    
    
    footer article {
        width: 24.00000%;
    }
    
    footer article h3,
    footer article nav{
        text-align: left;
    }
    
    
}















/* ===== DESKTOP ===== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
@media only screen and (min-width: 1280px) {


    
    
    /*show the desktop navigation and hide the mobile navigation*/
    #desktopNavigationWrapper {
        display:block;
    }

    #mobileNavigationWrapper {
        display:none;
    }
    
    
    
    
    
    section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    article {
        padding: 40px;
    }
    
    
    
    
    
    #mainSlider li.sy-slide {
        height: 900px;
    }
    
    
    #mainSlider .external-captions {
        font-size: 2em;
        text-shadow: 0px 0px 10px #000;
        padding-bottom: 8%;
    }
    
    
    
    
    
    
    
    #businesshero { 
        height: 70vh;
    }

    #businesshero .grid {
        position:absolute;
        top:50%;
        transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }
    
    #businesshero .grid-sizer,
    #businesshero .grid-item {
        width: 50%; /*2 op een rij*/
        /*width: 33.333%;*/ /*3 op een rij*/
        /*width: 25%;*/ /*4 op een rij*/
    }
    
    #businesshero .grid-item a {
        /*bij 3 rijen*/
        /*padding-top: 20.8%;
        padding-bottom: 6.4%;*/
        
        /*bij 2 rijen*/
        /*padding-top: 52%;
        padding-bottom: 16%;*/
        
        
        /*bij 1 rij*/
        /*padding-top: 104%;
        padding-bottom: 32%;*/
        
        padding-top: 52%;
        padding-bottom: 16%;
    }
    
    #businesshero .grid-item span.title {
        font-size: 1.2em;
    }

    #businesshero .grid-item span.date {
        font-size: 1em;
    }
    
    
    
    
    
    
    
    
    

    /*#businesshero .grid-item a#grid_netwerkavond {
        background-image: url(../img/netwerkavond_1920x1000.jpg);
    }*/

    #businesshero .grid-item a#grid_thuiswedstrijden-diner {
        background-image: url(../img/thuiswedstrijden-diner_1920x1000.jpg);
    }

    #businesshero .grid-item a#grid_partnership {
        background-image: url(../img/partnership_1920x1000.jpg);
    }
    
    
    
    #ploegen #hero {
        background-image: url(../img/ploegen_1920x1000.jpg);
    }
    
    #wedstrijden #hero {
        background-image: url(../img/wedstrijden_1920x1000.jpg);
    }
    
    
    #clubinfo #hero {
        background-image: url(../img/clubinfo_1920x1000.jpg);
    }

    /*#netwerkavond #hero {
        background-image: url(../img/netwerkavond_1920x1000.jpg);
    }*/

    #thuiswedstrijden-diner #hero {
        background-image: url(../img/thuiswedstrijden-diner_1920x1000.jpg);
    }

    #partnership #hero {
        background-image: url(../img/partnership_1920x1000.jpg);
    }
    
    
    
    
    section#hoofdbestuur article ul li {
        width: 20%; /*25 - 5*/
    }
    
    
    
    
    form .form-row {
        margin: 20px 0;
    }
    



}















/* ===== HUGE SCREEN ===== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
@media only screen and (min-width: 1600px) {

    
    
    #mobileNavigationWrapper {
        padding: 20px 140px;
    }
    
    
    html {
        font-size: 1.35em;
    }
    
    nav.primaryNavigation a {
        display: block;
        margin: 72px 30px 0px 30px;
        padding: 5px 20px;
        text-decoration: none;
        color: #222;
        font-size: 80%;
        border-radius: 30px;
    }
    
    
    
    
    
    
    
    
    
    #mainSlider .external-captions {
        font-size: 2.5em;
        text-shadow: 0px 0px 10px #000;
        padding-bottom: 9%;
    }
    
    
    
    section#hoofdbestuur article ul li {
        width: 15%; /*20 - 5*/
    }

    

}