@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1300px){
    #wolfpack-grid {
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
	.wolfpack-artiest {
		max-width: 100%;
	}
}
@media screen and (max-width: 1100px){
    #wolfpack-grid {
        grid-template-columns: 25% 25% 25% 25%;
    }
	.wolfpack-artiest {max-width: 25%;}
}
@media screen and (max-width: 1200px){
    #contact-grid {
        padding: 0px 50px;
        width: 100%;
    }
}
@media screen and (max-width: 1150px){
    #videos-wrapper {
        grid-template-columns: 33.33333333333333333% 33.33333333333333333% 33.33333333333333333%;
    }
	.wolfpack-artiest {
		max-width: 100%;
	}
}
@media screen and (max-width: 1100px) {
    section.nieuwsbrief {
        padding: 0px;
    }
    nav {
        padding: 20px;
        grid-template-columns: 50px auto;
    }
    nav .m7-menu, nav .social {
        display: none;
    }
	.m7-menu.flex {
		display: flex;
		font-size: .8em;
	}
	nav li::after {
		height: 15px;
	}
}
@media screen and (max-width: 950px) {
	#footer-grid li {
		font-size: 1em;
	}
    b.sep {
        display: block;
    }
    b.sep::after {
        display: none;
        content: none;
    }
	#contact-mail-grid {
		border-top: 0px;
	}
    #videos-wrapper {
        grid-template-columns: 50% 50%;
		padding-top: 0;
    }
    #videos-page-wrapper {
        padding: 60px 20px;
    }
    #wrapper {
        padding-bottom: 0px !important;
    }
	.m7-menu.flex {
		display: flex;
		font-size: .8em;
	}
    #m7bib {
        line-height: 1.5em;
    }
    .wolfpack-search {
        display: block;
    }
    #footer-grid {
        grid-template-columns: 100%;
        padding: 0px;
        grid-gap: 0;
    }
    footer section {
        margin-bottom: 25px;
    }
    footer {
    }
    section.nieuwsbrief {
        width: 80%;
        margin-bottom: 0px;
        padding: 0px 50px;
    }
    section.map {
        padding: 0px 50px;
    }
    section.social {
        text-align: center;
        margin-top: 50px;
    }
    section.social li i {
        font-size: 2.2em;
        margin-right: 30px;
    }
    #intro-video #paperchase-logo {
        font-size: .825em;
    }
    footer #paperchase-logo {
        font-size: .65em;
    }
	.contactpage {
		padding-top: 60px;
	}
	.wolfpack-artiest {
		max-width: 100%;
	}
}
@media screen and (max-width: 850px) {
    #contact-boeken {
        width: 100%;
        padding: 0px 50px;
    }
    #contact-grid {
        grid-template-columns: 100%;
        width: 550px;
        margin: auto !important;
    }
    #contact-left {
        margin-right: 0px;
    }
}
@media screen and (max-width: 800px) {
    #book-the-artist {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .slick-center {
        transform: scale(1.05) !important;
    }
}
@media screen and (max-width: 750px) {
    * {
        font-size: .97em;
    }
    #wolfpack-grid {
        grid-template-columns: 33.3333333333333% 33.3333333333333% 33.3333333333333%;
    }
    section.nieuwsbrief {
        width: 100%;
    }
    #artiest-grid {
        grid-template-columns: 100%;
    }
    #spotify-wolf-artiest {
        height: 75vh;
    }
    #artiest-agenda-grid {
        grid-template-columns: 100%;
    }
    #artiest-socials li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
    }
    #artiest-media-lijst {
        height: unset !important;
    }
    #over-ons-grid {
        grid-template-columns: 100%;
    }
    #over-ons-left,
    #over-ons-right {
        height: 50vh;
    }
}
@media screen and (max-width: 700px){
    #wolfpack-grid {
        grid-template-columns: 50% 50%;
    }

}
@media screen and (max-width: 575px){
    #videos-wrapper {
        grid-template-columns: 100%;
    }
    #logo {
    }
    .top-container-artiest {
        padding: 0px;
    }
    #contact-mail-grid li {
        text-align: left;
        padding-left: 0px;
        margin: 0px;
    }
    #contact-mail-grid li::before {
        text-align: left;
    }
    #contact-grid {
        width: 100%;
    }
    #roster-titel,
    #boek-de-artiest strong,
    #artiest-agenda strong {
        font-size: 1.2em;
    }
    #artiest-agenda strong img {
        top: -12px;
        width: 45px;
        left: -10px;
    } 
    #boek-de-artiest strong img {
        top: -12px;
        width: 45px;
        left: -5px;
    }
    #artiest-agenda {
        padding: 15px;
    }
    #artiest-agenda strong {
        margin: 35px auto;
    }
    #artiest-biografie img {
        display: block;
        margin-bottom: 50px;
        margin-left: -50px;
        width: 100vw;
        box-shadow: -2px 5px 10px rgba(0,0,0,0.5);
        opacity: .95;
        text-align: center;
        object-fit: cover;
        object-position: center center;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        height: 300px;
    }
    #artiest-bio {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
    }
    #menu_desktop {
        display: none;
    }
    #menu_mobile {
        display: block;
        padding: 17px;
        text-align: left;
    }
    #artiest-socials {
        top: 0px;
        display: block;
        left: 0px;
        right: 0px;
        bottom: 0px;
        text-align: center;
        height: 60px;
        position: relative!important;
        margin-top: 50px;
    }
    #wolf-diamond-scroll {
        position: relative !important;
        margin-bottom: 50px;
        bottom: 0;
        left: 0;
    }
    #perskit {
        margin-left: 30px;
        margin-right: 30px;
    }
    .perskit {
        position: relative !important;
        margin: 50px;
        width: -moz-available;
        width: -webkit-available;
        left: 0;
        bottom: 0;
        display: block !important;
    }
    #artiest-background {
        opacity: .35;
        z-index: -1;
    }
    #artiest-socials i {
        display: inline-flex;
        margin-right: 20px;
        width: 50px;
        height: 50px;
        font-size: 1.4em;
        margin-bottom: 0px;
    }
    #artiest-socials i:last-child {
        margin-right: 0px;
    }
    #artiest-biografie {
        line-height: 16px;
        margin-top: 80px;
        display: block;
        position: unset !important;
        width: 100%;
        padding: 0px 50px;
    }
    #artiest-biografie2 {
        line-height: 16px;
        display: block;
        margin-top: 0px !important;
        position: unset !important;
        width: 100%;
        padding: 0px 50px;
    }
    #artiest-biografie3 {
        line-height: 16px;
        display: block;
        margin-top: 0px !important;
        position: unset !important;
        width: 100%;
        padding: 0px 50px;
    }
    #artiest-biografie h1 {
        margin-bottom: 35px;
        margin-top: 20px;
        text-align: center;
        font-size: 2em;
        line-height: initial !important;
    }
    .top-container-artiest {
        display: block;
        height: unset !important;
        background: none;
    }
    
    #paperchase-logo h1::after {
        top: -5px;
        left: 17px;
    }
}
@media screen and (max-width: 420px){
    #wolfpack-grid {
        grid-template-columns: 50% 50%;
    }
    #contact-mail-grid ul {
        grid-template-columns: 100%;
        margin-top: 10px;
    }

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .wolfpack-artiest {
        width: 100%;
        margin: 3px 1px;
    }
    .wolfpack-artiest-info {
        background: none !important;
        text-shadow: 1px 1px 2px black;
        left: 0;
        right: 0;
    }
    #over-ons-box-1 h1 img {
        position: absolute;
        left: 0;
        right: 0;
    }
    #wolf-diamond-scroll2 {
        margin: 0px auto;
        left: 0;
        right: 0;
    }
}