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

/*template*/
*{margin:0; padding:0; outline:none; font-family:'Roboto', sans-serif; }
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; font-size:16px; font-size:1.6rem; line-height:1.628571; color:#262626; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:700; line-height:1.2; font-family:'Roboto', sans-serif; color:#009fe3;}
h1{font-size:32px; font-size:3.2rem; margin:0px 0px 35px 0px;}
h2{font-size:24px; font-size:2.4rem; margin:0px 0px 35px 0px;}
h2.nomargin{margin:0px;}
h3{font-size:20px; font-size:2.0rem; margin:0px 0px 10px 0px;}
h3.padding{margin:0px 0px 35px 0px;}
h1.green,
h2.green,
h3.green{color:#009c3c;}
h1.yellow,
h2.yellow,
h3.yellow{color:#ffdd00;}
h1.pink,
h2.pink,
h3.pink{color:#e4007d;}
h1.red,
h2.red,
h3.red{color:#d20a11;}
h1.purple,
h2.purple,
h3.purple{color:#951b81;}
h1.orange,
h2.orange,
h3.orange{color:#e94e1b;}
h1.seablue,
h2.seablue,
h3.seablue{color:#009bae;}

p{margin:0px 0px 35px 0px;}
p.grey{color:#a9a9a9;}
a, a *{color:#009fe3; text-decoration:underline;}
a.orange, a.orange *{color:#e94e1b;}
a.orange.more{margin:35px 0px; display:block;}
small{font-size:11px;}
.clear{clear:both;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}

button{-webkit-appearance:none;}

table{}
table td{vertical-align:top; padding:3px 0px;}

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

.left{float:left !important;}
.right{float:right !important;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/*forms*/
/*text*/
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#888888; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#999999;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#1a181b; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #eae9e9;}
.input-wrapper input.red{border-bottom:1px solid #d20a11;}
.input-wrapper input:focus{border-color:#009fe3; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d20a11; transition:.2s;}

/*radio*/
.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#999999; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#888888; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#d20a11;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*checkbox*/
.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#1a181b; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d20a11;}
.input-wrapper-checkbox label a{color:#1a181b;}
.input-wrapper-checkbox label.red a{color:#d20a11;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

/*textarea*/
.input-wrapper-textarea{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper-textarea label{position:absolute; top:-13px; left:0; font-size:11px; color:#aaa; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper-textarea label.on{color:#999999;}
.input-wrapper-textarea label.show{top:-18px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Open Sans',Helvetica, sans-serif; font-size:15px; font-size:1.5rem; color:#1a181b; border-bottom:1px solid #eae9e9;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d20a11;}
.input-wrapper-textarea textarea:focus{border-color:#009fe3; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d20a11; transition:.2s;}

/*select*/
.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#999999; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectdefault{padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select{opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101;}
.input-wrapper-select select:focus{outline: none;}

.input-submit{min-height:75px; margin:15px 0px !important; display:block; box-sizing:border-box;}
.input-submit .button-left{float:left; width:50%;}
.input-submit .button-left input[type=button],
.input-submit .button-left input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#888888; padding:10px 15px; font-weight:bold; font-size:14px; font-size:1.4rem; text-decoration:none; float:left; cursor:pointer; background-color:#fffffff;}
.input-submit .button-right{float:right; width:50%;}
.input-submit .button-right input[type=button],
.input-submit .button-right input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#ffffff; padding:10px 15px; font-weight:bold; font-size:14px; font-size:1.4rem; text-decoration:none; float:right; cursor:pointer; background-color:#009c3c;}

/*containers*/
.wrapper{width:100%; max-width:1920px; display:block; margin:0px auto;}
.container{width:100%; max-width:1260px; padding:0px 35px; box-sizing:border-box; display:block; margin:0px auto;}

/*header*/
header{height:100px; position:relative; z-index:100; overflow:visible; background:#009fe3;}
    header .logo{width:100%; height:200px; display:block; position:relative; z-index:900; text-indent: -4000px; background: url(../images/doe-eens-een-rondje-sas-van-gent-big.png) no-repeat center / contain; cursor:pointer;}

/*body*/
.arrow{height:100px; width:475px; display:block; margin:15px 0px 0px 0px; position:absolute; z-index:10000; text-indent:-4000px; background:url(../images/klik-hier-voor-alle-rondjes--white-big.png) no-repeat right / contain;}

section.slider{width:100%; height:100vh; margin-top:-140px; display:block; padding-right:0; box-sizing:border-box;}
    section.slider .slides{width:100%; height:100vh; display:block; overflow:hidden;}
    section.slider .slides .slide{width:100%; height:100vh; position:relative; display:block; float:left; overflow:hidden;}
aside.slider{height:630px; width:630px; display:block; position:absolute; border-radius:100%; right:-115px; top:25px;}
    aside.slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
    aside.slider .slides .slide{width:100%; height:inherit; display:block; overflow:hidden;}

main{margin:95px 0px 185px 0px; padding-bottom:190px;}
    main .breadcrumbs,
    main article{width:590px;} 
    main article ul.rounds{margin-top:35px; list-style:none; margin-left:0px;}
    main article ul.rounds li{width:100%; height:45px; margin-bottom:15px;}
    main article ul.rounds li a{color:#262626; font-weight:bold; font-size:18px; font-size:1.8rem;}
    main article ul.rounds li a span{width:40px; height:40px; display:block; float:left; margin:0px 15px; border-radius:20px; -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.45); box-shadow:2px 2px 5px 0px rgba(0,0,0,0.45);}
    
    main article a.download img{width:100%;}
    
    main article .blog-item{width:100%; padding-bottom:35px; margin-bottom:35px; border-bottom:2px solid #009fe3; display:grid; grid-template-columns:25% 1fr; grid-gap:15px; text-decoration:none;}
    main article .blog-item:last-of-type{border-bottom:none; padding-bottom:0px;}
    main article .blog-item *{text-decoration:none;}
    main article .blog-item strong{grid-area:1/1/2/3; color: #e94e1b; font-size:18px; font-size:1.8rem;}
    main article .blog-item img{width:100%}
    main article .blog-item p{color:#262626;}
    main article .blog-item p span{font-size:14px; font-size:1.4rem; display:block; width:100%; margin-bottom:15px; color:#a9a9a9;}
    
    main article ul.rounds li.blue a span{background:url('../images/fietsen.svg') no-repeat center #009fe3; background-size:30px;}
    main article ul.rounds li.blue a:hover{color:#009fe3;}
    main article ul.rounds li.red a span{background:url('../images/bezienswaardigheden.svg') no-repeat center #d20a11; background-size:30px;}
    main article ul.rounds li.red a:hover{color:#d20a11;}
    main article ul.rounds li.yellow a span{background:url('../images/wandelen.svg') no-repeat center #ffdd00; background-size:30px;}
    main article ul.rounds li.yellow a:hover{color:#ffdd00;}
    main article ul.rounds li.pink a span{background:url('../images/sportief.svg') no-repeat center #e4007d; background-size:30px;}
    main article ul.rounds li.pink a:hover{color:#e4007d;}
    main article ul.rounds li.seablue a span{background:url('../images/arrangementen.svg') no-repeat center #009bae; background-size:30px;}
    main article ul.rounds li.seablue a:hover{color:#009bae;}
    main article ul.rounds li.purple a span{background:url('../images/genieten.svg') no-repeat center #951b81; background-size:30px;}
    main article ul.rounds li.purple a:hover{color:#951b81;}
    
    main article.full-width{width:100%;}
    main article.full-width .logos{margin-bottom:35px; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:35px;}
    main article.full-width .logos a img{max-width:210px; width:100%; margin:auto;} 
    
    main article.summary{border:1px solid #ececec; background:#efefef; padding:16px; margin-bottom:80px;}
    main article.summary h2{font-size:20px; font-size:2.0rem; margin:0px 0px 15px 0px;}
    main article.summary h3{font-size:16px; font-size:1.6rem; margin:0px 0px 5px 0px; color:#262626 !important;}

    main .breadcrumbs{height:32px; display:block; margin-bottom:16px;}
    main .breadcrumbs ol{display:flex; justify-content:flex-start;}
    main .breadcrumbs li{color:#c6c6c6;}
    main .breadcrumbs li a{font-size:1.2rem; line-height:32px; color:#c6c6c6;}
    main .breadcrumbs a span{color:#c6c6c6 !important;}    
    
/*footer*/
footer{bottom:0; height:185px; position:fixed; overflow:visible; background:#fff;}
    footer .bar{height:125px; max-width:1920px; padding:15px; box-sizing:border-box; display:block; color:#ffffff; background:#262626;}
    footer .bar .icon{display:none;}
    .desktop-bg{position:absolute; background:#262626; width: 100%; height:145px; top:0; left:0; z-index:-1;}
    .footer-grid{display:grid; grid-template-columns:1fr 2fr;}
    .footer-grid .socials span{font-size:18px; font-size:1.8rem; line-height:40px; font-weight:700;}
    .footer-grid .socials a{margin-left:25px;}
    .footer-grid .socials a i{font-size:22px; text-decoration:none; color:#ffffff;}
    .footer-grid .colofon a{float:right; font-size:18px; font-size:1.8rem; font-weight:700; line-height:40px; text-decoration:none; color:#ffffff;}
    .footer-grid .colofon a:nth-child(n+2){margin-right:25px;}

/*nav*/
footer nav{top:-50px; position:relative; display:grid; grid-template-columns:repeat(8, 1fr); overflow: visible;}
    footer nav div{display:inline-block;}
    footer nav div a{width:90px; height:90px; background-size:75px !important; display:block; margin:auto; border-radius:100%; text-indent:-4000px; -webkit-box-shadow:6px 6px 5px 0px rgba(0,0,0,0.65); -moz-box-shadow:6px 6px 5px 0px rgba(0,0,0,0.65); box-shadow:6px 6px 5px 0px rgba(0,0,0,0.65);}
    footer nav div.blue a{background:url(../images/fietsen.svg) no-repeat center #009fe3;}
    footer nav div.green a{background:url('../images/overnachten.svg') no-repeat center #009c3c;}
    footer nav div.yellow a{background:url('../images/wandelen.svg') no-repeat center #ffdd00;}
    footer nav div.seablue a{background:url('../images/arrangementen.svg') no-repeat center #009bae;}
    footer nav div.pink a{background:url('../images/sportief.svg') no-repeat center #e4007d;}
    footer nav div.red a{background:url('../images/bezienswaardigheden.svg') no-repeat center #d20a11;}
    footer nav div.purple a{background:url('../images/genieten.svg') no-repeat center #951b81;}
    footer nav div.orange a{background:url('../images/blog.svg') no-repeat center #e94e1b;}
    footer .socials span{color:white;}

/*normal*/
@media only screen and (min-width:994px) and (max-width:1260px) 
{
   .container{padding:0px 50px;}
   
   header{height:90px;}
    header .logo{height:175px;}
   
   .arrow{height:75px; width:340px;}
   
   section.slider{margin-top:-120px;}
   aside.slider{height:525px; width:525px; right:-75px; top:5px;}
   
   main{margin:80px 0px 145px 0px;}
    main .breadcrumbs,
    main article{width:400px;}
    main article.full-width .logos a img{max-width:175px;}
    
   footer{height:145px;}
        footer .bar{height:105px; padding:10px;}
        .footer-grid .socials span{line-height:30px;}
        .footer-grid .colofon a{line-height:30px;}
        footer nav div a{width:75px; height:75px; background-size:60px !important;}
}

/*medium*/
@media only screen and (max-width:994px) 
{
    .container{padding:0px 35px; box-sizing:border-box;}
    body{font-size:14px; font-size:1.4rem;}
    h1{font-size:24px; font-size:2.4rem; margin:0px 0px 25px 0px;}
    h2{font-size:22px; font-size:2.0rem;}
    
    header{height:75px;}
    header .logo{height:150px;}
    
    .arrow{height:60px; width:265px;}
    
    section.slider{margin-top:-90px;}
    aside.slider{height:325px; width:325px; right:-50px; top:30px;}
    
    main{margin:70px 0px 120px 0px;}
        main .breadcrumbs,
        main article{width:60%;}
        main article ul.rounds li a{font-size:14px; font-size:1.4rem;}
        main article .blog-item{padding-bottom:15px; margin-bottom:15px;}
        main article .blog-item strong{font-size:14px; font-size:1.4rem;}
        main article .blog-item p span{font-size:12px; font-size:1.2rem; margin-bottom:unset;}
        main article.full-width .logos a img{max-width:150px;}
        
    footer{height:120px;}
        footer .bar{height:85px;}
        .footer-grid .socials span{font-size:14px; font-size:1.4rem; top:-5px; position:relative; line-height:12px;}
        .footer-grid .socials a i{font-size:18px;}
        .footer-grid .colofon a{font-size:14px; font-size:1.4rem; line-height:12px;}
    footer nav{top:-35px;}
        footer nav div a{width:60px; height:60px; background-size:50px !important;}
}

/*small*/
@media only screen and (max-width:784px)
{
    .container{padding:0px 35px; box-sizing:border-box;}
    h2{margin:0px 0px 15px 0px;}
    
    header{height:55px; position:fixed; top:0;}
        header .logo{height:110px;}

    .arrow{height:40px; width:140px; top:55px;}

    section.slider{margin-top:-55px;}
        aside.slider{height:200px; width:100%; padding-top:55px; top:unset; position:relative; border-radius:0px; right:unset;}
        aside.slider .slides .slide.routes{background-image: url(none),url(https://files.sasvangent.nl/images/spots/sas-van-gent-schepentrekker.jpg);}

    main{margin:35px 0px 100px 0px;}
        main .breadcrumbs,
        main article{width:100%;} 
        main article.full-width{margin-top:95px;}
        main article.full-width .logos{grid-template-columns: repeat(3, 1fr);}
        main article.full-width .logos a img{max-width:110px;}
        
    footer{height:45px;}
        footer .bar{height:55px; padding:15px 35px;}
        footer .bar .icon{display:block; position:relative; z-index:900;}
        footer .bar .icon a i{font-size:25px; font-size:2.5rem; color:#ffffff; text-decoration:none;}
        footer .bar .footer-grid{display:none;}
        footer .bar .footer-grid .socials{display:none;}
        footer .bar .footer-grid .colofon{display:none;}
        footer .menu-block{position:absolute; bottom:45px; width:100%; box-sizing:border-box; visibility:hidden; transition:.7s ease-in-out; background:#262626; padding:12px 0px;}
        footer.open .menu-block{visibility:visible; transition:.7s ease-in-out;}
        .desktop-bg{display:none;}
        .footer-grid{margin:11px auto;}
        .footer-grid .socials{margin:auto 0px;}
        .footer-grid .socials span{display:none;}
        .footer-grid .socials a{margin-left:0px; margin-right:35px;}
        .footer-grid .socials a:last-of-type{margin-right:0px;}
        .footer-grid .socials a i{font-size:18px; color:#262626;}
        .footer-grid .colofon{    margin: auto 0px;}
        .footer-grid .colofon a{font-size:14px; font-size:1.4rem; color:#262626;}
        .footer-grid .colofon a:nth-child(n+2){margin-right:15px;}    
    footer nav{grid-template-columns:repeat(4, 1fr); row-gap:5px; top:unset; position:unset;}
        footer nav{max-height:0px; overflow:hidden !important; transition:.7s ease-in-out; height:100%;}
        footer nav.open{display:grid; max-height:1000px; transition:.7s ease-out;}
        footer nav div{padding:4px 0px;}
        footer nav div a{background-size:45px !important;}    
        footer nav.open.big{display:grid; grid-template-columns:1fr;}
        footer nav.open.big div a{width:100%; height:45px; display:grid; grid-template-columns:45px auto; gap:16px; text-indent:unset; color:#ffffff; line-height:45px; font-size:2.0rem; text-decoration:none; background:unset !important; box-shadow:unset !important; -webkit-box-shadow:unset !important; border-radius:unset;}
        footer nav.open.big div span{width:45px; height:45px; border-radius:100%;}
        footer nav.open.big div.blue span{background:url(../images/fietsen.svg) no-repeat center / 80% #009fe3;}
        footer nav.open.big div.green span{background:url('../images/overnachten.svg') no-repeat center / 80% #009c3c;}
        footer nav.open.big div.yellow span{background:url('../images/wandelen.svg') no-repeat center / 80% #ffdd00;}
        footer nav.open.big div.seablue span{background:url('../images/arrangementen.svg') no-repeat center / 80% #009bae;}
        footer nav.open.big div.pink span{background:url('../images/sportief.svg') no-repeat center / 80% #e4007d;}
        footer nav.open.big div.red span{background:url('../images/bezienswaardigheden.svg') no-repeat center / 80% #d20a11;}
        footer nav.open.big div.purple span{background:url('../images/genieten.svg') no-repeat center / 80% #951b81;}
        footer nav.open.big div.orange span{background:url('../images/blog.svg') no-repeat center / 80% #e94e1b;}
}

/*mini*/
@media only screen and (max-width:479px)
{
    .container{padding:0px 15px; box-sizing:border-box;}
    a.orange.more{margin:15px 0px;}
    
    header{height:40px;}
        header .logo{height:77px; background: url(../images/doe-eens-een-rondje-sas-van-gent-mini.png) no-repeat center / contain;}

    .arrow{height:30px; width:100px; margin:10px 0px 0px 0px; top:40px;}
    
    section.slider{margin-top:-40px;}
    aside.slider{height:150px; padding-top:40px;}
    
    main{margin:15px 0px 73px 0px;}
        main article .blog-item{grid-template-columns:30% 1fr;}
        main article .blog-item strong{grid-area: 1/2/1/3;}
        main article .blog-item img{grid-area: 1/1/1/1;}
        main article .blog-item p{grid-area: 2/1/2/3;}
        main article.full-width{margin-top:75px;}
        main article.full-width .logos{grid-template-columns:repeat(2, 1fr);}
    
    footer{height:100px;}
        footer .bar{height:40px; padding:10px 15px;}
        footer .bar .icon a i{font-size:22px; font-size:2.2rem;}
        footer .menu-block{bottom:73px;}
        .footer-grid{margin:5px auto; grid-template-columns:1fr;}
        .footer-grid .socials a{margin-left:unset; margin-right:20px;}
        .footer-grid .socials a i{font-seaize:16px;}
        .footer-grid .colofon{text-align:left;}
        .footer-grid .colofon a{font-size:12px; line-height:30px;}
     
    footer nav{row-gap:0px;}
        footer nav div a{width:50px; height:50px; background-size:40px !important;}
}