@charset "utf-8";
/*css document*/

/* 
Rood ="#e30613"
grijs ="#404040"
groen ="#398545"
*/

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#efefef; font-family:'Roboto Condensed', sans-serif; font-size:1.6rem; line-height:1.628571; color:#1d1d1b; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:normal; font-family:'Teko', sans-serif;}
h1{font-size:3.6em; margin-bottom:48px; text-transform:uppercase; color:#e30613;}
h2{font-size:1.9em; margin-bottom:32px; text-transform:uppercase; color:#e30613;}
h6{font-size:1.4rem; text-transform:uppercase; color:#b2b2b2;}
a, a *{color:#e30613; text-decoration:none;}
a:hover{color:#398545;}
p{margin:0px 0px 24px 0px;}
p:last-of-type{margin:0px;}
article ol{list-style:decimal outside; margin:0px 0px 30px 20px;}
article ul{list-style:disc outside; margin:0px 0px 30px 20px;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto; background:url('../images/pitch.webp'); background-repeat:no-repeat; background-position:center top;}
.container{max-width:1260px; margin:0px auto; padding:0px 24px; position:relative;}
section{padding:32px 0px;}
section.nopaddingbottom{padding-bottom:0px;}

/*forms*/
.form-grid{display:grid; grid-template-columns:200px auto; gap:16px; width:80%; margin:0px auto;}
.form-grid.reverse{grid-template-columns:auto 200px; width:100%;}
.form-grid .wide{grid-column-end:span 2;}
.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
.form-grid h3.nomargin{margin-top:0px;}
.form-grid div{padding:8px 0px;}
.form-grid div.row{border-bottom:1px dotted #eae9e9;}
.form-grid div.noborder{border-bottom:none !important;}
.form-grid div.label{color:#2a2620; font-size:1.4rem;}
.form-grid div.label.white{color:#ffffff; font-size:1.4rem;}
.form-grid div.row label{font-size:1.4rem;}
.form-grid div.row label.red{color:#e2001a;}
.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}

/*input*/
.form-grid div input[type="text"],
.form-grid div input[type="number"],
.form-grid div input[type="date"],
.form-grid div input[type="time"],
.form-grid div input[type="email"],
.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; font-family:'Roboto Condensed', sans-serif; border-radius:8px; border:1px solid #eae9e9;}
.form-grid div input[type="text"].red,
.form-grid div input[type="number"].red,
.form-grid div input[type="date"].red,
.form-grid div input[type="time"].red,
.form-grid div input[type="email"].red,
.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
.form-grid div input[type="text"]:focus,
.form-grid div input[type="number"]:focus,
.form-grid div input[type="date"]:focus,
.form-grid div input[type="time"]:focus,
.form-grid div input[type="email"]:focus,
.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Roboto Condensed', sans-serif;} 
.form-grid div textarea:focus{border:1px solid #303030;}
.form-grid div input[type=submit]{border:0px; font-family:'Roboto Condensed', sans-serif; font-size:1.6rem; padding:8px 24px; color:#ffffff; border-radius:8px; text-decoration:none; float:right; cursor:pointer;}
.form-grid div .checkbox-ctr{display:block; position:relative; padding-left:32px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.form-grid div .checkbox-ctr input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-grid div .checkbox-ctr .checkmark{position:absolute; top:0; left:0; height:25px; width:25px; background-color:#f3f1f1; border-radius:4px;}
.form-grid div .checkbox-ctr input:checked ~ .checkmark{background-color:#398545;}
.form-grid div .checkbox-ctr .checkmark:after{content:""; position:absolute; display:none;}
.form-grid div .checkbox-ctr input:checked ~ .checkmark:after{display:block;}
.form-grid div .checkbox-ctr .checkmark:after{left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.form-grid div .radio-ctr{display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}
.form-grid div .radio-ctr input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-grid div .radio-ctr .checkmark{position:absolute; top:0; left:0; height:24px; width:24px; background-color:#f3f1f1; border-radius:50%; border:2px solid #ffffff;}
.form-grid div .radio-ctr .checkmark.red{border:2px solid #e3051b;}
.form-grid div .radio-ctr input:checked ~ .checkmark{background-color:#398545 ; border:2px solid #398545;}
.form-grid div .radio-ctr .checkmark:after{content:""; position:absolute; display:none;}
.form-grid div .radio-ctr input:checked ~ .checkmark:after{display:block;}
.form-grid div .radio-ctr .checkmark:after{top:6px; left:6px; width:8px; height:8px; border-radius:50%; background:white;}
/*buttons*/
.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
.form-grid div.submit .button-left input[type=button],
.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Roboto Condensed', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.6rem; border-radius:8px; text-decoration:none; float:left; cursor:pointer;}
.form-grid div.submit .button-right input[type=button],
.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Roboto Condensed', sans-serif; color:#ffffff; background:#398545; font-size:1.6rem; border-radius:8px; text-decoration:none; float:right; cursor:pointer;}
.form-grid div.submit .button-right input[type=submit].grey{color:#ffffff; background-color:#444444;}

/*header*/
header{height:96px; background:#e30613; margin:32px 0px;overflow:visible;}
header .bar{width:100%; height:32px; background:#404040; position:absolute; top:0px;}
header .grid{display:grid; grid-template-rows:32px 64px; grid-template-columns:231px 1fr; grid-gap:24px; row-gap:0px;}
header .grid a.logo{grid-row-end:span 2; margin-bottom:-32px;margin-top:-16px; z-index: 100;}
header .grid a.logo img{width:100%;}
header nav ul{display:flex;}
header nav.grey ul li{height:32px; margin:0px 16px;}
header nav.grey ul li a{color:#b2b2b2; font-family:"Teko",sans-serif; font-size:1.4rem; line-height:32px; text-transform:uppercase;}
header nav.grey ul li a:hover{color:#ffffff;}
header nav.red ul li{height:64px; margin:0px 16px;}
header nav.red ul li a{color:#ffffff; font-family:"Teko",sans-serif; font-size:2.8rem; line-height:64px; text-transform:uppercase;}
header nav.red ul li:hover,
header nav.red ul li.on{border-bottom:2px solid #ffffff;}
header .grid .menu{display:none;}

/*sections*/
section.newsreel{padding:32px 0px;}
section.newsreel .grid{display:grid; grid-template-columns:2fr 1fr; grid-gap:32px;}
section.newsreel .grid.three{grid-template-columns:1fr 1fr 1fr;}
section.newsreel .news{height:432px; position:relative; overflow:visible;}
section.newsreel .news.small{height:256px;}
section.newsreel .news .image{width:100%; height:100%;}
section.newsreel .news .image img{width:100%; height:100%; object-fit: cover;}
section.newsreel .news .title{display:block; max-width:80%; position:absolute; padding:4px 16px; bottom:-16px; left:32px; z-index:98; font-family:'Teko', sans-serif; color:#ffffff; font-size:3.0rem; text-transform:uppercase;}
section.newsreel .news .title.green{background:#398545;}
section.newsreel .news .title.red{background:#e30613;}

section.logos .logos-wrapper{width:100%; height:auto; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; padding:16px; background:#ffffff;}
section.logos .logos-wrapper .logo{margin:0px 8px;}
section.logos .logos-wrapper .logo img{width:100%; max-width:224px; margin:0px auto;}

section.content .wrapper{width:80%; margin:0px auto;}
section.content article{background:#ffffff; padding:64px 0px;}
section.content article.intro h1{text-align:center;}
section.content article.intro p{font-size:1.8rem;}
section.content .buttons{background:#ffffff; padding-bottom:64px;}
section.content .buttons .grid{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;}
section.content .buttons .grid a img{width:50%; margin:0px auto 32px auto;}
section.content .buttons .grid a span{display:block; font-family:"Teko",sans-serif; font-size:3.6rem; text-transform:uppercase; color:#398545; text-align:center;}

section.content .form{grid-column-start:2; background:#ffffff;}
section.content .subpages{grid-column-start:2;}
section.content .subpages .block{background:#ffffff; margin-bottom:32px;}
section.content .subpages .block .grid{display:grid; grid-template-columns:3fr 2fr; grid-gap:16px;}
section.content .subpages .block .grid .about{padding:16px;}
section.content .subpages .block .grid .image img{width:100%; height:100%; object-fit:cover;}
section.content .subpages .block:nth-last-of-type(even) .grid{grid-template-columns:2fr 3fr;}
section.content .subpages .block:nth-last-of-type(even) .grid .image{grid-area:1/1/1/1;}

section.slider{height:auto; padding-top:0px; padding-bottom:64px;}
section.slider .slide{width:100%; height:100%;}
section.slider .slide img{width:100%;height:100%;object-fit: cover;}

section.bottommenu{overflow:visible;}
section.bottommenu .socialbar{height:64px;background:#666666;}
section.bottommenu .grid{display:grid; height:64px; grid-template-columns: 928px 1fr 1fr 1fr ;grid-gap:16px;}
section.bottommenu .socialbar a:nth-of-type(1){grid-column-start:2;}
section.bottommenu .socialbar a:nth-of-type(2){grid-column-start:3;}
section.bottommenu .socialbar a:nth-of-type(3){grid-column-start:4;}
section.bottommenu .socialbar img{height:70px; margin-top:-32px;}
section.bottommenu .footersubmenu{background:#666666; padding-bottom:64px;}
section.bottommenu .footersubmenu nav ul{display:flex;}
section.bottommenu .footersubmenu nav ul a{margin-top: 16px; margin-right:16px; font-family:"Teko",sans-serif;}
section.bottommenu .footersubmenu nav.bottom a{color:#ffffff; font-size:2.4rem; text-transform:uppercase;} 
section.bottommenu .footersubmenu nav.bottomwhite a{color:#b2b2b2; font-size:1.8rem; text-transform:uppercase;} 

/*sections senioren.html*/
section.overview .grid{display:grid; grid-template-columns:231px 2fr; grid-gap:32px;}
section.overview .agenda{height:fit-content; background:white;}
section.overview .agenda .link{font-family:"Teko", sans-serif; font-size:1.6rem; color:#398545; float:right; padding:10px 16px 10px 16px;}
section.overview .agenda ul.items li{font-family:"Teko",sans-serif;font-size:1.6rem; font-weight:500; border-bottom: 2px solid #398545; padding:  10px 16px;}
section.overview .agenda ul.items li a{color:#1d1d1b;}
section.overview .agenda ul.items .title{font-family:"Teko",sans-serif; font-size:1.6rem; font-weight:normal;}
section.overview .news{height:416px; position:relative; overflow:visible;}
section.overview .news .image{width:100%; height:100%;}
section.overview .news .image img{width:100%; height:100%; object-fit: cover;}
section.overview .title.red{display:block; max-width:80%; position:absolute; padding:4px 16px; margin:unset; bottom:-16px; left:32px; z-index:89; font-family:'Teko', sans-serif; color:#ffffff; font-size:3.0rem; text-transform:uppercase;}
section.overview .title.green{ padding-left:10px; font-family: "Teko", sans serif; color: #ffffff; font-size:3.0rem; background:#398545; text-transform:uppercase;}
section.overview .news .title.red{background:#e30613;}

section.about .grid{display:grid; grid-template-columns: 231px 2fr; grid-gap:32px;}
section.about .summary{grid-column-start:2; padding:32px;}
section.about .summary p{padding:0px;}
section.about p.intro{font-weight:bold;padding-bottom:16px;}
section.about .news-overview{grid-column-start:2; padding:32px; background:#ffffff;}
section.about .news-overview a{display:grid; grid-template-columns:144px auto; height:40px; line-height:40px; border-bottom:1px dotted #b2b2b2;}
section.about .news-overview a span{color:#666666;}
section.about .diary-overview{grid-column-start:2; padding:32px; background:#ffffff;}
section.about .diary-overview a{display:grid; grid-template-columns:256px auto; height:40px; line-height:40px; border-bottom:1px dotted #b2b2b2;}
section.about .diary-overview a span{color:#666666;}

/*photo-album*/
section.album .grid{display:grid; grid-template-columns:231px 2fr; grid-gap:32px;}
section.album .grid .overview-album{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;grid-column-start:2; padding:24px; background:white;}
section.album.detail .grid .overview-album{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:24px; grid-column-end:span 2; grid-column-start:unset;}
section.album .grid .overview-album .photo-thumbnail{width: 100%; height:150px; position:relative; }
section.album.detail .grid .overview-album .image{width: 100%; height:120px; position: relative;}
section.album.detail .grid .overview-album .image:nth-of-type(3n+1){grid-column-end:span 2; grid-row-end:span 2; height:100%;}
section.album.detail .grid .overview-album .image:nth-of-type(3n+1) .overlay:after{font-size:10rem;}
section.album.detail .grid .overview-album .image .overlay{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1200;}
section.album.detail .grid .overview-album .image .overlay:after{content:'\2922'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:white; font-size:5rem;}
section.album.detail .grid .overview-album .image:hover .overlay{background:#e2001a; opacity:0.4;}
section.album .grid .overview-album .image img{width: 100%; height:100%; object-fit:cover;}
section.album .grid .overview-album .photo-thumbnail img{width: 100%; height:100%; object-fit:cover;}
section.album .grid .overview-album .photo-thumbnail .photo-title{position:absolute;bottom:-16px; left:24px; display:block; max-width:80%; padding: 4px 16px; z-index:98; font-family: 'Teko', sans-serif; color:#fff; font-size:2.0rem; text-transform:uppercase; background:#e2001a;}

section.team .grid{display:grid; grid-template-columns: 231px 2fr; grid-gap:32px;}
section.team .four{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-column-start:2;grid-gap:16px;}

section.team .description .image img{height:233px; width:100%;object-fit: cover;}
section.team .nametag{background:#e30613; color:#ffffff; padding:4px 10px;}
section.team .name{font-weight:500;text-transform:uppercase; font-family:"Teko", sans-serif; font-size:2.4rem;}
section.team .player{font-size:1.4rem; font-style:italic;}

/*footer*/
footer{background:#404040;}
footer .container{padding-bottom:16px;}
footer .container{height:inherit;}
footer .container .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
footer h6{padding-top:32px;}
footer div{padding-left:0px; color:white; font-family:"Teko", sans-serif; font-size:2.4rem; line-height:3rem;}
footer div a{color:white;}

footer .container .grid .info{display:grid; grid-template-columns: 1fr 1fr 1fr;}
footer .container .grid .copyright,
footer .container .grid .copyright a{font-family:"Roboto Condensed" ,sans-serif; grid-row-start:2; font-size:1.2rem; color:#b2b2b2;}
footer .container .grid .copyright a:first-of-type{margin-left:32px;}
footer .container .grid .copyright a:hover{color:#ffffff;}
footer .container .grid .disclaimer{grid-row-start: 2; grid-column-start:2; margin-left:auto; margin-right:0;}
footer .container .grid .disclaimer a{font-family:"Roboto Condensed" ,sans-serif; color:#b2b2b2; font-size:1.2rem;}
footer .container .grid .disclaimer a:hover{color:#ffffff;}

/*laptop l*/
@media only screen and (max-width:1440px) 
{


}

/*laptop*/
@media only screen and (max-width:1024px) 
{   
    header nav.red ul li{margin:0 4px;}
    header nav.red ul li a{font-size:2.4rem;}
    h1{font-size:3.0rem; margin-bottom:32px;}
    section{padding:16px 0px;}
    section.team{padding-bottom:32px;}
    section.content article.intro p{font-size:1.4rem;}
    section.about .summary p{font-size:1.4rem;}

    section.newsreel .news .title{left:16px; font-size:2.4rem;}
    section.overview .title.red{left:16px; font-size:2.4rem;}
    section.overview .title.green{font-size:2.4rem;}
    section.newsreel{padding:16px 0px;}
    section.newsreel .news{height:335px;}
    section.newsreel .news.small{height:235px;}

    section.content article{padding:16px 0px;}
    section.content .wrapper{width:90%;}

    section.content .buttons{padding-bottom:32px;}
    section.bottommenu .grid{grid-template-columns: 700px 1fr 1fr 1fr;}
    footer div{font-size:1.8rem; line-height:2.3rem;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{margin-bottom:16px;}   
    header nav.red ul li a{font-size:2.4rem}
    section{padding:16px 0px;}

    section.newsreel{padding:16px 0px;}
    section.newsreel .news{height:235px;}
    section.newsreel .news.small{height:182px;}

    section.sponsor .grid{grid-template-columns:1fr 1fr 1fr;}
    .mobilehidetablet{display:none;}
    section.overview .grid{grid-template-columns:1fr;}
    section.overview .grid .agenda{grid-row-start: 2;}

    section.about .grid{display:block;}

    section.team .grid{display:block;}

    section.content .buttons{padding-bottom:32px;}

    section.album .grid .overview-album{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;grid-column-start:unset; padding:24px; background:white; grid-column-end:span 2;}
    section.album.detail .grid .overview-album .image:nth-of-type(3n+1){grid-column-end:unset; grid-row-end:unset; height:unset;}
    section.album.detail .grid .overview-album .image:nth-of-type(3n+1) .overlay:after{font-size:unset;}
    section.album.detail .grid .overview-album .image{height:64px;}

    section.bottombar .socialbar img{height:64px}
    section.bottommenu .footersubmenu{padding-bottom:32px;}
    section.bottommenu .grid{grid-template-columns: 460px 1fr 1fr 1fr;}

    footer div{font-size:1.4rem; line-height:2.0rem;}
}

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

    header nav.red ul li a{font-size:2.4rem}
    header .grid{grid-template-columns:200px 1fr;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right; grid-column-start:2; grid-row-start:2;}
    header .grid .menu a{height:64px;}
    header .grid .menu a i{font-size:3.0rem; color:#ffffff; line-height:64px;}
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#666666;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right;}
    header .grid nav ul li a{color:#ffffff; height:48px; line-height:48px; margin:unset;}    
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:96px; z-index:99; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    .form-grid{grid-template-columns:1fr;}
    .form-grid .wide{grid-column-end:unset;}
    section.newsreel .grid{grid-template-columns:1fr;}
    section.newsreel .grid.three{grid-template-columns:1fr;}
    section.newsreel .news.small{width:100%; margin: 0px auto;}
    section.newsreel .news .title{font-size:2.2rem; line-height:2.8rem;}

    section.team .four{grid-template-columns: 1fr 1fr;}
    section.sponsor .grid{grid-template-columns:1fr 1fr;}
    .mobilehide{display:none;}

    section.content .buttons .grid {grid-template-columns:1fr;}
    section.content .buttons .grid a img{width:50%; margin:auto auto auto 0px;}
    section.content .buttons .grid a span{font-size:3.0rem;}
    section.content .buttons{padding-bottom:32px;}
    section.content .buttongrid{display:grid; grid-template-columns:1fr 3fr;}
    section.content .buttons .wrapper{width:65%;}

    section.overview .news{height:auto;}
    section.overview .news .image img{height:auto;}

    section.logos .logos-wrapper{grid-template-columns:1fr 1fr; }
    section.logos .logos-wrapper a.logo:nth-of-type(3){display:none;}
    section.logos .logos-wrapper a.logo:nth-of-type(4){display:none;}

    section.bottommenu .socialbar{height:86px;}
    section.bottommenu .footersubmenu{padding-bottom:32px;}
    section.bottommenu .grid{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

    section.album .grid .overview-album{grid-template-columns:1fr;}
section.album.detail .grid .overview-album{display:grid; grid-template-columns:1fr; gap:24px; grid-column-start:unset;}
section.album .grid .overview-album .photo-thumbnail{width: 100%; height:150px;}
section.album.detail .grid .overview-album .image{width: 100%; height:120px;}
section.album.detail .grid .overview-album .image .overlay:after{font-size:3rem;}
section.album .grid .overview-album .photo-thumbnail .photo-title{position:absolute;bottom:-16px; left:24px; display:block; max-width:80%; padding: 4px 16px; z-index:98; font-family: 'Teko', sans-serif; color:#fff; font-size:2.0rem; text-transform:uppercase; background:#e2001a;}

    footer h6{padding-top:16px;}

    footer .container .grid{grid-template-columns:2fr 1fr; grid-gap:16px;}
    footer .container .grid .disclaimer{grid-column-start:unset; grid-column-end:unset;}
    footer .container .grid .copyright{grid-column-end:unset;}
    footer .container .grid .summary{grid-column-end: span 2;}
    footer .container .grid .info{display:block; grid-row-start: 2;}
    footer .container .grid .copyright{grid-row-start: 3;grid-column-end:span 2;}
    footer .container .grid .disclaimer{grid-row-start: 4; margin-right:auto; margin-left:0;}

    footer.container .grid .copyright{padding-top:16px;}
    footer.container .grid .disclaimer{padding-top:16px;}
    footer div{font-size:1.4rem; line-height:1.8rem;font-weight:200;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    section.team .description .image img{height:170px;}
}

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

    section.content article.intro p{font-size:1.2rem;}
    section.about .summary p{font-size:1.2rem;}
    section.sponsor .grid{grid-template-columns:1fr;}
    .mobilehidsmall{display:none;}
    section.newsreel .news .title{font-size:1.8rem;}    
    section.about .summary{padding:16px;}
    section.team .four{grid-template-columns:1fr;}

    section.content .buttons .grid a span{font-size:2.4rem;}
}