/* Extra small devices (portrait phones, less than 320px) */
@media (max-width: 320px)
{
a{font-size: 10px}
.menu-btn {
    position: fixed;
    width: 14%;
    height: 39px;
    padding: 13px;
    cursor: pointer;
    z-index: 9999999999999;
  
} 

.menu-btn span{
    position: relative;
    width: 40px;   
    height: 3px;
    display: block; 
    margin: 5px 0; 
    background: #fff;
    transition: 0.5s; 
}
    
.navigation{
    position: fixed;
    top: 0px;
    left: -325px;
    width: 325px;
    height: 110%;
    background: #fff;
    padding: 0px;
    box-sizing: border-box;
    z-index: 99999999999999999;
    transition: 0.5s;
} 
    
.navigation.active{
    left: 0;
    position: fixed;
    transition: 0.5s;

}
    
.navigation ul {
    margin: 10px 0;
 }
    
.navigation ul li{
    display: block;
    font-size: 14px;
    text-align: center;
    cursor: none; 
    padding-bottom: 25px;
}
    
.navigation .responsive-menu{
    padding: 75px 0;
 } 
    
.navigation .responsive-menu li{
    list-style: none;
    float: none;
    margin: 0 0;
 }

.navigation .responsive-menu li a{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
    padding: 3px;
    margin: 0;
 }   

.menu-btn.active span{
    z-index: 1000;
    top: 25px;
    position: absolute;
    width: calc(50%-25px);
    top: calc(50%-8px); 
    background-color: #7aecb1;
    z-index: 999999999999;
    transition: 0.5s;

}   
    
.menu-btn.active span:nth-child(1){
    transform: rotate(45deg);      
}
    
.menu-btn.active span:nth-child(3){
    transform: rotate(-45deg);      
}
    
.menu-btn.active span:nth-child(2){
   display: none;  
}

.navigation ul li a.noborder{
    border: none;
}
    
.navigation ul li.motto{
    font-size: 14px;
    margin-top: 3%;
}
    
.compact {
    width: 100%;
    height: 80px;
    background-color: #7aecb1;   
}  
    
.compact a img{
    height: 50%;
    width: 25%;
    margin: 2%;     
}
    
.social{
    position: relative;
    left: 23%;
    width: 100%;
    float: none;
    margin-top: 152%;
}

.social ul{
    width: 100%;
    margin: 0;
    float:none;
    z-index: 1;
}

.social ul li{
    padding: 0 20px;
	list-style: none;
    line-height: 36px;
	margin: 0 auto;
}

.social ul li a{
	color: #000;
    font-size: 30px;
}

.social ul.nav li a .node-txt {
    display: block;
    height: 34px;
    overflow: hidden;
}

.social ul.nav li a .node-txt span {
    display: block;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
    position: relative;
    top: 0;
}

.social ul.nav li a .node-txt .hover {
    color: #7aecb1;
}

.social ul.nav li a.active .node-txt span,
.social ul.nav li a:hover .node-txt span {
    top: -34px;
}

    
.hide{display: block;}
.text{
    width: 100%;
    padding:0; 
    text-align: center;
}

.text h1{
    font-size: 10px;
    margin-top: 18%;
    color: #fff;
}

.logo{ 
    position: fixed;
    height: 50px;
    width: 100%;
    padding: 13px 0;
    z-index: 999;
}
    
.logo img{
    width: 45%;
    padding: 0;
    margin: 0;
}



.background{width: 100%; min-height: 250px;float: left;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: 0;}
.museheader h1{width: 100%;font-size: 40px;padding: 15%; -webkit-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);}
.museparag {padding: 16px 8px 5px 18px; font-size: 10px;}
.musenparag p{width: 100%;}
.museparag a{ margin-top: 5px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:100%;margin-right: 0;}
.foto-mike img{margin-top: 2px; border-top: solid 30px #7aecb1;border-bottom: solid 30px #7aecb1; -webkit-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.naam{font-size:12px;}
.hide-text{display:none;;}
.overmike{ margin-top: 1%; margin-bottom: 15%;}
.overmike p{padding: 5px 9px 5px 16px; width: 100%;font-size: 10px;}
.overmike a{margin-top: 5px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ position: relative;background-position: center;width: 100%; min-height: 250px; background-size: cover; padding: 0 5%}
.overonstext{width: 100% ; margin: 5% 0 12% 0;
padding: 25px 15px 65px; box-sizing: 
border-box; border-bottom: solid 15px #fff;border-right: solid 15px #fff; }
.overonstext p{ width: 100%; margin-bottom: 5%;font-size: 11px;line-height: 20px; padding: 0;}
.place{font-size: 20px; line-height: 24px; }    padding: 15px 25px 25px 10px;
.overonstext a{margin-top: 5%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 25%;font-size: 150px;font-weight: 600;padding-left: 10px;margin: -15% 0 -20% 0;}
.rest{width:75%;font-size: 20px;padding-right: 0; margin-top: 8%;}
.flex-cont {margin-bottom:  10%;  flex-wrap: wrap;}
.flex-cont > div{width: 250px;margin: 10px; padding: 30px 2px; }
.column img{margin-top: 10px;margin-bottom: 10%;
}
.column h2{padding-bottom: 0;
}
.column p{font-size: 10px; padding: 15px 20px;}
.onzediensten { margin-bottom: 15%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{width: 100%; min-height: 250px; background-size: cover; padding: 0 5%; background-position: right;}
.quotetext{width: 100% ; margin: 5% 0 12% 0;
padding-top: 35px;padding-bottom: 5px; box-sizing: 
border-box; border-bottom: solid 15px #fff;border-left: solid 15px #fff; }
.quotetext p{ width: 100%; margin-bottom: 5%;font-size: 14px;line-height: 20px; padding: 0;}
.double-quote{font-size:7em; }
.double-quote-right{font-size:7em; }
    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/


.bigb{
    width: 50%;
    margin: -23% 0 -50% 0;
    float: left;
}

.bigb h1{
    font-size: 200px;
    text-align: right
} 
.rest-sent{
    width: 50%;
    margin-top: 4%;
}

.rest-sent h1{
    font-size: 45px;    
    text-align: left;
}
.flex-container-blog {flex-wrap: wrap; margin-bottom: 10%; margin-top: %;}
.flex-container-blog > div {width: 250px;margin:20px 10px;}
.blogen h2{font-size: 12px;}
.blogen p{font-size: 10px;}
.optredens{margin-bottom: 15%;}



/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{font-size: 25px;margin-bottom: 0;}
.create-stage p{padding:20px 9%; font-size: 10px}
.pakket{padding: 0;margin-left: 0;padding-left: 11%;margin-bottom: 175%;
}
.pakket-left{width: 100%;}
.pakket-left h2{
    width: 46%;
    padding: 3%;
    font-size: 12px;
}

.pakket-left p{
    width: 90%;
    padding: 2%;
}

.pakket-right{
    width: 100%;
    float: left;
}
.pakket-right h2{
    width: 46%;
    padding: 3%;
    font-size: 12px;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 25%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{font-size: 40px;padding-left: 6%;}
.instagram{width: 75%; padding-left: 5%;padding-right: 5%;}
.instaimg img{margin: 10px 0;}
.social-icon a{font-size: 10px;padding: 10px 6px;margin-top: 5%; background-color: #fff}
.bg{font-size: 18px;width:10%;padding: 10px 0px;margin: 5% 0 0 8px;}
.review{width: 75%;margin-bottom: 10%;}
.review h1{font-size: 40px;margin: 0;padding-left: 10%;}
.review h3{font-size: 14px;padding: 35px 0 15px 0;margin-left: 10%;border-bottom: solid 1px #292929; line-height: 8px;}
.testimonial p{margin-left: 10%; font-size: 10px; padding: 0 20%}
.testimonial img{margin-left: 10%;}
.review a{position: relative;display: inline-block;margin: 10% 0 10% 12%;}
    
    
    
    

/*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{height: 930px;border-top: 25px solid #7aecb1;border-left: 25px solid #7aecb1; margin: 10px; width: 88%;box-sizing: border-box; margin-bottom: 20%}
.us{width: 100%; padding: 7%;}
.inputbox label{font-size: 10px;    padding: 15px 0px;}
.inputbox input:focus~label,
.inputbox input:valid~label{top: -20px;font-size: 8px;}
.inputbox input{width: 100%;border-bottom: 1.5px solid #fff; }   
.us h1{font-size: 22px;margin-bottom: 10%;}
textarea{width: 100%;}
input[type=submit]{width: 50%; font-size: 10px;}
.opening{width: 100%; margin-top: 5%;}
.openinghours fieldset{width: 100%;}
.openinghours{ margin-left: 0%; padding-left: 2px;font-size: 10px;}
.contact-info{margin-bottom: 20%;}
.contact-info p{width: 100%;padding:6%;}
.openinghours h3{width: 100%;color: #fff;font-size: 23px;margin-bottom: 5%;}
td{padding-left: 5px; font-size: 10px; margin: 0; }
td:nth-child(even){width:68px;height: 13px;
padding-left:3px;padding-right: 0px;font-size: 10px;}
tr{height: 15px;}

    

    

    
        
/*=================================guitar============================================================================================================================================================================================================================================================================================================*/
.guitar{
    top: 365em;
    width: 38em;
    height: 0 auto ;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;}
 
    
    
    

/*===================================Footer===============================================================================================================================================================================================================================================================================================================*/                          
.wrapper{height: 200px;}
    
.footerright{width: 100%;line-height: 30px;}
.footerright ul{text-align: center; float: none;}
.footerright{text-align: center;float: none;padding: 20px 10px;}
.footerright a{float: none;}
    
.footerleft{width: 100%;}
.socialmedia{text-align: center;}
.socialmedia ul{padding-left: 40px;}

.socialmedia ul li{padding-left: 45px;line-height: 53px}
.socialmedia ul li a{font-size: 35px;}
.socialmedia ul.ts-nav li a .node-txt {height: 53px;}
.socialmedia ul.ts-nav li a.active .node-txt span,
.socialmedia ul.ts-nav li a:hover .node-txt span {top: -53px;}
.copyrights p{font-size: 12px;}

#myBtn {bottom:140px;right: 3px;}
    
     /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 
  

.bg-dienst{min-height: 230px; background-image: url(img/diensten-mobile.jpg); background-size: cover}
.diens-pg{margin-top: -16%; }
.create-pg h1{font-size: 25px;}
.dienst-pg{margin-bottom: 3%;}
.contactusdie{padding:0 0%;}

.checkbox-container{width: 100%; padding-left: 30px; height:150px; }
.checkbox-container h3{font-size: 14px;margin-bottom: -10%;}
.checkbox-container input[type=checkbox] + label {margin: 0;padding:10px 2px; font-size: 10px;  line-height: 20px;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 5px;}
.acuoustic{padding-left: 10px;}
  
    
.radio-container h3{font-size: 14px;margin-bottom: -10%;}
.radio-container{width: 100%;padding-left: 30px;height: 90px;}
.radio-container input[type=radio] + label {margin: 0; font-size: 10px;padding: 0 5px;  line-height: 25px;}
.radio-container input[type=radio] + label:before {margin-right: 5px; }

    

.a{ width: 100%;padding-left: 30px;}
.e{ width: 100%;padding-left: 30px;}
.d{ width: 100%;padding-left: 30px;margin-bottom: 15%;}
.inputboxpg input{width: 90%; border-bottom: 1px solid #000; font-size: 10px;}
.inputboxpg label{font-size: 10px;    line-height: 30px;}

.inputboxpg input:focus~label,
.inputboxpg input:valid~label{top: -20px;
font-size: 9px;}
.text-area{border: 1px solid #000;}


    
    
    
    
/*======================================================================================== ============================= blog-pg======   ============================================
========================================================================================*/
.background-blog{min-height: 280px;background-image: url(img/blog-mobile.jpg); background-position: top;}
.blog-pg-logo{padding-left: 30px;padding-top: 55%;}
.blog-pg-logo h1{font-size: 8px;padding-left: 11px;}
.logo-green{padding: 1%;}
.logo-green img{width: 40%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: wrap;}
.flex-container > div {
    width: 350px;
    margin: 0 25px 60px 25px;
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
     color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 90%;
    margin-bottom: 10%;
}


.review h3{
    width: 90%;
    font-size: 14px;
    padding: 20px 0 20px 0;
    padding-left: 0px;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    padding-left:0;
}

.testimonial img{
    margin-left: 30px;
}
 
/*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 220px; background-image: url(img/over-mobile.jpg);}
.text-about-us{width: 100%;padding-top: 40%;}
.text-about-us h1{font-size: 18px;line-height: 25px;padding: 5px;border-bottom: 1.5px solid #fff;}
.text-about-us h3{font-size: 8px;padding: 0px; line-height: 5px;}

.deel-een-foto{width: 100%; }
.deel-een-foto img{width: 100%; margin: -6% 0 0 0px; padding: 0 5%;}
.deel-een-text{width: 100%;padding: 5% 3%}
.deel-een-text p{padding: 5%;margin-top: -14%; font-size: 10px;}
    
.deel-twee-foto{width: 100%;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 0 10%;}
.deel-twee-text{width: 100%;padding: 3% 3%}
.deel-twee-text p{padding: 5%;margin-top: -14%;font-size: 10px;}

.quotation p{font-size: 18px;line-height: 2rem;padding: 15% 15%;font-size: 14px;}

.mike-foto{width: 100%;padding: 6% 10%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 100%;padding: 6% 5%;}
.over-mike-pg p{margin-bottom: 40px; font-size: 10px;}
    
    
    
/*=======================Contact===ons===page================================================================================================================================================================================================================================================================================================================*/
.banner-contact-pg{min-height: 200px; background-image: url(img/contact-mobile.jpg);}

.bg-cont{
    width: 100%;
    height: auto;
    background-color:rgba(0,0,0, 0.3);  
    background-size: cover;
    background-repeat: no-repeat;
}

.color p{
    color: #292929;
}

.head-color h3{
    color: #7aecb1;
}

td{padding-left: 5px; font-size: 10px; margin: 0; }
td:nth-child(even){width:68px;height: 13px;
padding-left:3px;padding-right: 0px;font-size: 10px;}
tr{height: 15px;}


    
}

@media (min-width: 321px)and (max-width: 376px)
{
a{font-size: 10px}
.menu-btn {
    position: fixed;
    width: 14%;
    height: 39px;
    padding: 13px;
    cursor: pointer;
    z-index: 9999999999999;
  
} 

.menu-btn span{
    position: relative;
    width: 40px;   
    height: 3px;
    display: block; 
    margin: 5px 0; 
    background: #fff;
    transition: 0.5s; 
}
    
.navigation{
    position: fixed;
    top: 0px;
    left: -375px;
    width: 375px;
    height: 110%;
    background: #fff;
    padding: 0px;
    box-sizing: border-box;
    z-index: 99999999999999999;
    transition: 0.5s;
} 
    
.navigation.active{
    left: 0;
    position: fixed;
    transition: 0.5s;

}
    
.navigation ul {
    margin: 10px 0;
 }
    
.navigation ul li{
    display: block;
    font-size: 14px;
    text-align: center;
    cursor: none; 
    padding-bottom: 25px;
}
    
.navigation .responsive-menu{
    padding: 75px 0;
 } 
    
.navigation .responsive-menu li{
    list-style: none;
    float: none;
    margin: 0 0;
 }

.navigation .responsive-menu li a{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
    padding: 3px;
    margin: 0;
 }   

.menu-btn.active span{
    z-index: 1000;
    top: 25px;
    position: absolute;
    width: calc(50%-25px);
    top: calc(50%-8px); 
    background-color: #7aecb1;
    z-index: 999999999999;
    transition: 0.5s;

}   
    
.menu-btn.active span:nth-child(1){
    transform: rotate(45deg);      
}
    
.menu-btn.active span:nth-child(3){
    transform: rotate(-45deg);      
}
    
.menu-btn.active span:nth-child(2){
   display: none;  
}

.navigation ul li a.noborder{
    border: none;
}
    
.navigation ul li.motto{
    font-size: 14px;
    margin-top: 3%;
}
    
.compact {
    width: 100%;
    height: 80px;
    background-color: #7aecb1;   
}  
    
.compact a img{
    height: 50%;
    width: 25%;
    margin: 2%;     
}
    
.social{
    position: relative;
    left: 23%;
    width: 100%;
    float: none;
    margin-top: 152%;
}

.social ul{
    width: 100%;
    margin: 0;
    float:none;
    z-index: 1;
}

.social ul li{
    padding: 0 20px;
	list-style: none;
    line-height: 36px;
	margin: 0 auto;
}

.social ul li a{
	color: #000;
    font-size: 30px;
}

.social ul.nav li a .node-txt {
    display: block;
    height: 34px;
    overflow: hidden;
}

.social ul.nav li a .node-txt span {
    display: block;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
    position: relative;
    top: 0;
}

.social ul.nav li a .node-txt .hover {
    color: #7aecb1;
}

.social ul.nav li a.active .node-txt span,
.social ul.nav li a:hover .node-txt span {
    top: -34px;
}

.hide{display: block;}
.text{
    width: 100%;
    padding:0; 
    text-align: center;
}

.text h1{
    font-size: 10px;
    margin-top: 18%;
    color: #fff;
}

.logo{ 
    position: fixed;
    height: 50px;
    width: 100%;
    padding: 13px 0;
    z-index: 999;
}
    
.logo img{
    width: 45%;
    padding: 0;
    margin: 0;
}



.background{width: 100%; min-height: 250px;float: left;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: 0;}
.museheader h1{width: 100%;font-size: 40px;padding: 15%; -webkit-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);}
.museparag {padding: 16px 8px 5px 18px; font-size: 10px;}
.musenparag p{width: 100%;}
.museparag a{ margin-top: 5px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:100%;margin-right: 0;}
.foto-mike img{margin-top: 2px; border-top: solid 30px #7aecb1;border-bottom: solid 30px #7aecb1; -webkit-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.naam{font-size:12px; line-height: 12px;}
.hide-text{display:none; }
.overmike{ margin-top: 5%; margin-bottom: 15%;}
.overmike p{padding: 5px 9px 5px 16px; width: 100%;font-size: 10px;}
.overmike a{margin-top: 5px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ position: relative;background-position: center;width: 100%; min-height: 250px; background-size: cover; padding: 0 5%}
.overonstext{width: 100% ; margin: 5% 0 12% 0;
padding: 25px 15px 65px; box-sizing: 
border-box; border-bottom: solid 15px #fff;border-right: solid 15px #fff; }
.overonstext p{ width: 100%; margin-bottom: 5%;font-size: 11px;line-height: 20px; padding: 0;}
.place{font-size: 20px; line-height: 24px; }    padding: 15px 25px 25px 10px;
.overonstext a{margin-top: 5%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 24%;font-size: 150px;font-weight: 600;padding-left: 9%;margin: -14% 0 -20% 0;}
.rest{width:80%;font-size: 20px;padding-right: 0; margin-top: 8%;}
.flex-cont {margin-bottom:  10%;  flex-wrap: wrap;}
.flex-cont > div{width: 250px;margin: 10px; padding: 30px 2px; }
.column img{margin-top: 10px;margin-bottom: 10%;
}
.column h2{padding-bottom: 0;
}
.column p{font-size: 10px; padding: 15px 20px;}
.onzediensten { margin-bottom: 15%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{width: 100%; min-height: 250px; background-size: cover; padding: 0 5%; background-position: right;}
.quotetext{width: 100% ; margin: 5% 0 12% 0;
padding-top: 35px;padding-bottom: 5px; box-sizing: 
border-box; border-bottom: solid 15px #fff;border-left: solid 15px #fff; }
.quotetext p{ width: 100%; margin-bottom: 5%;font-size: 14px;line-height: 20px; padding: 0;}
.double-quote{font-size:7em; }
.double-quote-right{font-size:7em; }
    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/


.bigb{
    width: 50%;
    margin: -20% 0 -50% 0;
    float: none;
}

.bigb h1{
    font-size: 200px;
    text-align: right;
} 
.rest-sent{
    width:50%;
    margin-top: 6%;
    float: right;
}

.rest-sent h1{
    font-size: 45px;    
    text-align: left;
}
.flex-container-blog {flex-wrap: wrap; margin-bottom: 10%;}
.flex-container-blog > div {width: 250px;margin:20px 10px;}
.blogen h2{font-size: 12px;}
.blogen p{font-size: 10px;}
.optredens{margin-bottom: 15%;}



/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{font-size: 25px;margin-bottom: 0;}
.create-stage p{padding:20px 9%; font-size: 10px}
.pakket{padding: 0;margin-left: 0;padding-left: 11%;margin-bottom: 175%;
}
.pakket-left{width: 100%;}
.pakket-left h2{
    width: 46%;
    padding: 3%;
    font-size: 12px;
}

.pakket-left p{
    width: 90%;
    padding: 2%;
}

.pakket-right{
    width: 100%;
    float: left;
}
.pakket-right h2{
    width: 46%;
    padding: 3%;
    font-size: 12px;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 25%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{font-size: 40px;padding-left: 6%;}
.instagram{width: 75%; padding-left: 5%;padding-right: 5%;}
.instaimg img{margin: 10px 0;}
.social-icon a{font-size: 10px;padding: 10px 6px;margin-top: 5%; background-color: #fff}
.bg{font-size: 18px;width:10%;padding: 10px 0px;margin: 5% 0 0 8px;}
.review{width: 75%;margin-bottom: 10%;}
.review h1{font-size: 40px;margin: 0;padding-left: 10%;}
.review h3{font-size: 14px;padding: 35px 0 15px 0;margin-left: 10%;border-bottom: solid 1px #292929;}
.testimonial p{;margin-left: 10%; font-size: 10px; padding: 0 20%;}
.testimonial img{margin-left: 10%; }
.review a{position: relative;display: inline-block;margin: 10% 0 10% 12%;}


/*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{height: 1000px;border-top: 25px solid #7aecb1;border-left: 25px solid #7aecb1; margin: 10px; width: 88%;box-sizing: border-box;}
.us{width: 100%; padding: 7%;}
.inputbox label{font-size: 10px;    padding: 15px 0px;}
.inputbox input:focus~label,
.inputbox input:valid~label{top: -20px;font-size: 8px;}
.inputbox input{width: 100%;border-bottom: 1.5px solid #fff; }   
.us h1{font-size: 22px;margin-bottom: 10%;}
textarea{width: 100%;}
input[type=submit]{width: 50%; font-size: 10px;}
.opening{width: 100%; margin-top: 5%;}
.openinghours fieldset{width: 100%;}
.openinghours{ margin-left: 0%; padding-left: 2px;font-size: 10px;}
.contact-info{margin-bottom: 20%;}
.contact-info p{width: 100%;padding:6%;}
.openinghours h3{width: 100%;color: #fff;font-size: 23px;margin-bottom: 5%;}
td{padding-left: 5px; font-size: 10px; margin: 0; }
td:nth-child(even){width:68px;height: 13px;
padding-left:3px;padding-right: 0px;font-size: 10px;}
tr{height: 15px;}

    
.guitar{
    top: 375em;
    width: 45em;
    height: 0 auto ;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;
}

/*===================================Footer===============================================================================================================================================================================================================================================================================================================*/                          
.wrapper{height: 200px;}
    
.footerright{width: 100%;line-height: 30px;}
.footerright ul{text-align: center; float: none;}
.footerright{text-align: center;float: none;padding: 20px 10px;}
.footerright a{float: none;}
    
.footerleft{width: 100%;}
.socialmedia{text-align: center;}
.socialmedia ul{padding-left: 40px;}

.socialmedia ul li{padding-left: 45px;line-height: 53px}
.socialmedia ul li a{font-size: 35px;}
.socialmedia ul.ts-nav li a .node-txt {height: 53px;}
.socialmedia ul.ts-nav li a.active .node-txt span,
.socialmedia ul.ts-nav li a:hover .node-txt span {top: -53px;}
.copyrights p{font-size: 12px;}

#myBtn {bottom:100px;right: 3px;}
    
    
    

    
    
       

 /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 

.bg-dienst{min-height: 250px; background-image: url(img/diensten-mobile.jpg); background-size: cover; }
.diens-pg{margin-top: -13%; }
.create-pg h1{font-size: 25px;}
.dienst-pg{margin-bottom: 3%;}
.contactusdie{padding:0 0%;}

.checkbox-container{width: 100%; padding-left: 30px; height:150px; }
.checkbox-container h3{font-size: 14px;margin-bottom: -10%;}
.checkbox-container input[type=checkbox] + label {margin: 0;padding:10px 10px; font-size: 10px;  line-height: 20px;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 5px;}
.acuoustic{padding-left: 10px;}
  
    
.radio-container h3{font-size: 14px;margin-bottom: -10%;}
.radio-container{width: 100%;padding-left: 30px;height: 90px;}
.radio-container input[type=radio] + label {margin: 0; font-size: 10px;padding: 0 5px;  line-height: 25px;}
.radio-container input[type=radio] + label:before {margin-right: 5px; }

    

.a{ width: 100%;padding-left: 30px;}
.e{ width: 100%;padding-left: 30px;}
.d{ width: 100%;padding-left: 30px;margin-bottom: 15%;}
.inputboxpg input{width: 90%;      border-bottom: 1px solid #000 ;font-size: 10px;}
.inputboxpg label{font-size: 10px;    line-height: 30px;}

.inputboxpg input:focus~label,
.inputboxpg input:valid~label{top: -20px;font-size: 9px;}
.text-area{border: 1px solid #000;}
.acuoustic{margin-left: 34%;}
    

    
    
    
    
/*======================================================================================== ============================= blog-pg======   ============================================
========================================================================================*/
.background-blog{min-height: 350px;background-image: url(img/blog-mobile.jpg); background-position: top;}
.blog-pg-logo{padding-left: 30px;padding-top: 60%;}
.blog-pg-logo h1{font-size: 8px;padding-left: 21px;}
.logo-green{padding: 1%;}
.logo-green img{width: 40%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: wrap;}
.flex-container > div {
    width: 350px;
    margin: 0 50px 60px 50px;
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
     color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 90%;
    margin-bottom: 10%;
}


.review h3{
    width: 100%;
    font-size: 15px;
    padding: 20px 0 25px 0;
    padding-left: 0px;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    padding-left:0;
}

.testimonial img{
    margin-left: 30px;
}
    
/*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 300px;background-image: url(img/over-mobile.jpg);}
.text-about-us{width: 100%;padding-top: 50%;}
.text-about-us h1{font-size: 18px;line-height: 25px;padding: 5px;border-bottom: 1.8px solid #fff;}
.text-about-us h3{font-size: 8px;padding: 0px;}

.deel-een-foto{width: 100%; }
.deel-een-foto img{width: 100%; margin: -6% 0 0 0px; padding: 0 5%;}
.deel-een-text{width: 100%;padding: 5% 3%}
.deel-een-text p{padding: 5%;margin-top: -14%; font-size: 10px;}
    
.deel-twee-foto{width: 100%;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 0 10%;}
.deel-twee-text{width: 100%;padding: 3% 3%}
.deel-twee-text p{padding: 5%;margin-top: -14%;font-size: 10px;}

.quotation p{font-size: 18px;line-height: 2rem;padding: 15% 15%;font-size: 14px;}

.mike-foto{width: 100%;padding: 6% 10%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 100%;padding: 6% 5%;}
.over-mike-pg p{margin-bottom: 40px; font-size: 10px;}
    
    
    
/*=======================Contact===ons===page================================================================================================================================================================================================================================================================================================================*/
.banner-contact-pg{min-height: 200px; background-image: url(img/contact-mobile.jpg);}

.bg-cont{
    width: 100%;
    height: auto;
    background-color:rgba(0,0,0, 0.3);  
    background-size: cover;
    background-repeat: no-repeat;
}

.color p{
    color: #292929;
}

.head-color h3{
    color: #7aecb1;
}

td{padding-left: 15px; font-size: 10px; margin: 0; }
td:nth-child(even){width:90px;height: 13px;
padding-left:10px;padding-right: 5px;font-size: 10px;}
tr{height: 15px;}


    
}

/* Small devices (portrait phones, 377px and up 766) */
@media (min-width:377px) and (max-width: 766px)
{
    
.menu-btn {
    position: fixed;
    width: 14%;
    height: 39px;
    padding: 13px;
    cursor: pointer;
    z-index: 9999999999999;
  
} 

.menu-btn span{
    position: relative;
    width: 40px;   
    height: 3px;
    display: block; 
    margin: 5px 0; 
    background: #fff;
    transition: 0.5s; 
}
    
.navigation{
    position: fixed;
    top: 0px;
    left: -415px;
    width: 415px;
    height: 100%;
    background: #fff;
    padding: 0px;
    box-sizing: border-box;
    z-index: 99999999999999999;
    transition: 0.5s;
} 
    
.navigation.active{
    left: 0;
    position: fixed;
    transition: 0.5s;

}
    
.navigation ul {
    margin: 35px 0;
 }
    
.navigation ul li{
    display: block;
    font-size: 14px;
    text-align: center;
    cursor: none; 
    padding-bottom: 25px;
}
    
.navigation .responsive-menu{
    padding: 75px 0;
 } 
    
.navigation .responsive-menu li{
    list-style: none;
    float: none;
    margin: 0 0;
 }

.navigation .responsive-menu li a{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
    padding: 5px;
    margin: 0;
 }   
    
.navigation .responsive-menu li a:hover{
    color: #fff;
    background-color: #7aecb1;
 }

.menu-btn.active span{
    z-index: 1000;
    top: 25px;
    position: absolute;
    width: calc(50%-25px);
    top: calc(50%-8px); 
    background-color: #7aecb1;
    z-index: 999999999999;
    transition: 0.5s;

}   
    
.menu-btn.active span:nth-child(1){
    transform: rotate(45deg);      
}
    
.menu-btn.active span:nth-child(3){
    transform: rotate(-45deg);      
}
    
.menu-btn.active span:nth-child(2){
   display: none;  
}

.navigation ul li a.noborder{
        border: none;
    }
.navigation ul li.motto{
    font-size: 15px;
    margin-top: 3%;
}
    
.compact {
    width: 100%;
    height: 100px;
    background-color: #7aecb1;   
}  
    
.compact a img{
    height: 50%;
    width: 25%;
    margin: 2%;     
}
.social{
    position: relative;
    left: 28%;
    width: 100%;
    float: none;
    margin-top: 150%;
}

.social ul{
    width: 100%;
    margin: 0;
    float:none;
    z-index: 1;
}

.social ul li{
    padding: 0 20px;
	list-style: none;
    line-height: 36px;
	margin: 0 auto;
}

.social ul li a{
	color: #000;
    font-size: 36px;
}

.social ul.nav li a .node-txt {
    display: block;
    height: 34px;
    overflow: hidden;
}

.social ul.nav li a .node-txt span {
    display: block;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
    position: relative;
    top: 0;
}

.social ul.nav li a .node-txt .hover {
    color: #7aecb1;
}

.social ul.nav li a.active .node-txt span,
.social ul.nav li a:hover .node-txt span {
    top: -34px;
}
    
.hide{display: block;}
    
.text{
    width: 100%;
    padding:0; 
    text-align: center;
}

.text h1{
    font-size: 10px;
    margin-top: 15%;
    color: #fff;
}

.logo{ 
    position: fixed;
    height: 50px;
    width: 100%;
    padding: 10px 0;
    z-index: 999;
}
    
.logo img{
    width: 45%;
    padding: 0;
    margin: 0;
}



.background{width: 100%; min-height: 250px;float: left;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: 0;}
.museheader h1{width: 100%;font-size: 35px;padding: 23%; -webkit-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 03px -3px 15px 0px rgba(0,0,0,0.75);}
.museparag {padding: 16px 8px 5px 18px; font-size: 12px;}
.musenparag p{width: 100%;}
.museparag a{ margin-top: 8px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:100%;margin-right: 0;margin-bottom: 4%;}
.foto-mike img{margin-top: 2px; border-top: solid 25px #7aecb1;border-bottom: solid 25px #7aecb1; -webkit-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 03px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.naam{font-size:14px;}
.hide-text{display:none;;}
.overmike{ margin-top: 1%; margin-bottom: 15%;}
.overmike p{padding: 5px 9px 5px 16px; width: 100%;font-size: 12px;}
.overmike a{margin-top: 5px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ position: relative;background-position: right;width: 100%; min-height: 250px; background-size: cover; padding: 0 5%}
.overonstext{width: 100% ; margin: 5% 0 12% 0;
padding: 35px 25px 75px; box-sizing: 
border-box; border-bottom: solid 20px #fff;border-right: solid 20px #fff; }
.overonstext p{ width: 100%; margin-bottom: 5%;font-size: 12px;line-height: 20px; padding: 0;}
.place{font-size: 20px; line-height: 24px; }    padding: 15px 25px 25px 10px;
.overonstext a{margin-top: 5%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 20%;font-size: 150px;font-weight: 600;padding-left:10%;margin: -12% 0 -20% 0;}
.rest{width: 80%;font-size: 25px;padding-right: 0; margin-top: 6%;}
.flex-cont {margin-bottom:  10%;  flex-wrap: wrap;}
.flex-cont > div{width: 300px;margin: 10px; padding: 30px 2px; }
.column img{margin-top: 10px;margin-bottom: 10%;
}
.column h2{padding-bottom: 0;
}
.column p{font-size: 13px; padding: 30px 16px;}
.onzediensten { margin-bottom: 15%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{width: 100%; min-height: 250px; background-size: cover; padding: 0 5% }
.quotetext{width: 100% ; margin: 5% 0 12% 0;
padding: 50px 5px 2px; box-sizing: 
border-box; border-bottom: solid 20px #fff;border-left: solid 20px #fff; }
.quotetext p{ width: 100%; margin-bottom: 5%;font-size: 14px;line-height: 20px; padding: 0;}

    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/

.bigb{
    width: 50%;
    margin: -18% 0 -50% 0;
    float: none;
}

.bigb h1{
    font-size: 200px;
    text-align: right;
} 
.rest-sent{
    width:50%;
    height: 50px;
    margin-top: 12%;
    float: right;
}

.rest-sent h1{
    font-size: 45px;    
    text-align: left;
}
.flex-container-blog {flex-wrap: wrap; margin-bottom: 10%; margin-top: %;}
.flex-container-blog > div {width: 300px;margin:20px 0;}
.blogen h2{font-size: 14px;}
.blogen p{font-size: 13px;}
.optredens{margin-bottom: 15%;}



/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{font-size: 30px;margin-bottom: 0;}
.create-stage p{padding:20px 8%;}
.pakket{padding: 0;margin-left: 0;padding-left: 11%;margin-bottom: 90%;
}
.pakket-left{width: 100%;}
.pakket-left h2{
    width: 45%;
    padding: 2%;
}

.pakket-left p{
    width: 80%;
    padding: 2%;
}

.pakket-right{
    width: 100%;
    float: left;
}
.pakket-right h2{
    width: 45%;
    padding: 2%;
    text-align:center;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 15%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{font-size: 50px;padding-left: 6%;}
.instagram{width: 65%; padding-left: 5%;padding-right: 5%;}
.instaimg img{margin: 10px 0;}
.social-icon a{font-size: 11px;padding: 10px 6px;margin-top: 5%;}
.bg{font-size: 20px;width:10%;padding: 10px 0px;margin: 5% 0 0 10px;}
.review{width: 75%;margin-bottom: 10%;}
.review h1{font-size: 50px;margin: 0;padding-left: 4%;}
.review h3{font-size: 18px;padding: 35px 0 20px 0;margin-left: 5%;}
.testimonial p{margin-left: 5%;}
.testimonial img{margin-left: 15%;}

.review a{position: relative;display: inline-block;margin: 10% 0 10% 12%;}

.guitar{
    top: 430em;
    width: 100em;
    height: 0 auto ;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;
}
/*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{height: 1080px; ; border-top: 30px solid #7aecb1;border-left: 30px solid #7aecb1;     margin: 30px;}
.us{width: 100%; padding: 10%;}
.inputbox input{width: 100%;border-bottom: 1.5px solid #fff; }   
.us h1{font-size: 25px;margin-bottom: 10%;}
textarea{width: 100%;}
input[type=submit]{width: 50%;}
.opening{width: 100%; margin-top: 5%;}
.openinghours fieldset{width: 100%;}
.openinghours{ margin-left: 0%; padding-left: 10px;}
.contact-info{margin-bottom: 18%;}
.contact-info p{width: 100%;padding:3%;}
.openinghours h3{width: 100%;color: #fff;font-size: 25px;margin-bottom: 5%;}
td{padding-left: 5px; font-size: 12px; margin: 0; }
td:nth-child(even){width:86px;height: 25px;
padding-left:5px;padding-right: 0px;}
tr{height: 15px;}

/*===================================Footer===============================================================================================================================================================================================================================================================================================================*/                          
.wrapper{height: 200px;}

.footerright{width: 100%;line-height: 50px; padding: 0 27%; float: none;}
.footerright ul{text-align: center;
    float: none;
    margin: 0;
    padding: 0;
}

.footerright{text-align: center;float: left;padding: 20px 20px;}
.footerright a{float: none;}

.footerleft{width: 100%;}
.socialmedia{text-align: center;}
.socialmedia ul{padding-left: 79px;}

.socialmedia ul li{padding-left: 45px;line-height: 53px}
.socialmedia ul li a{font-size: 35px;}
.socialmedia ul.ts-nav li a .node-txt {height: 53px;}
.socialmedia ul.ts-nav li a.active .node-txt span,
.socialmedia ul.ts-nav li a:hover .node-txt span {top: -53px;}
.copyrights p{font-size: 12px;}

#myBtn {bottom:100px;right: 3px;}
    
    
     /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 

.bg-dienst{min-height: 300px; background-image: url(img/diensten-mobile.jpg); background-size: cover;}
.diens-pg{margin-top: -14%; }
.d-pg{ padding-left: 8px;}
.font-pak-pg p{font-size: 10px;}
.font-pak-pg h2{font-size: 14px;}
.create-pg h1{font-size: 25px;}
.create-pg p{font-size: 10px;}
.dienst-pg{margin-bottom: 3%;}
.contactusdie{padding:0 0%;}

.checkbox-container{width: 100%; padding-left: 30px; height:150px; }
.checkbox-container h3{font-size: 14px;margin-bottom: -10%;}
.checkbox-container input[type=checkbox] + label {margin: 0;padding:10px 8px; font-size: 10px;  line-height: 20px;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 5px;}
.acuoustic{padding-left: 0px;}
  
    
.radio-container h3{font-size: 14px;margin-bottom: -8%;}
.radio-container{width: 100%;padding-left: 30px;height: 90px;}
.radio-container input[type=radio] + label {margin: 0; font-size: 10px;padding: 0 10px;  line-height: 25px;}
.radio-container input[type=radio] + label:before {margin-right: 5px; }

    

.a{ width: 100%;padding-left: 30px;}
.e{ width: 100%;padding-left: 30px;}
.d{ width: 100%;padding-left: 30px;margin-bottom: 15%;}
.inputboxpg input{width: 90%;  font-size: 10px; border-bottom: 1px solid #000}
.inputboxpg label{font-size: 10px;    line-height: 30px;}
.text-area{border: 1px solid #000;}


.inputboxpg input:focus~label,
.inputboxpg input:valid~label{top: -20px; font-size: 9px;}
.acuoustic{margin-left: 32%;}

    
    
    
/*======================================================================================== ============================= blog-pg======   ============================================
========================================================================================*/
.background-blog{min-height: 350px;background-image: url(img/blog-mobile.jpg); background-position: top;}
.blog-pg-logo{padding-left: 30px;padding-top: 55%;}
.blog-pg-logo h1{font-size: 8px;padding-left: 11px;}
.logo-green{padding: 1%;}
.logo-green img{width: 30%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: wrap;}
.flex-container > div {
    width: 350px;
    margin: 0 50px 60px 50px;
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
    color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 90%;
    margin-bottom: %;
}


.review h3{
    width: 80%;
    font-size: 15px;
    padding: 20px 0 25px 0;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    padding-left:5px;
    padding-right: 10%;
}

.testimonial img{margin-left: 30px;}

    
     /*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 320px; background-image: url(img/over-mobile.jpg);}
.text-about-us{width: 100%;padding-top: 48%;}
.text-about-us h1{font-size: 20px;line-height: 30px;padding: 5px;border-bottom: 2px solid #fff;}
.text-about-us h3{font-size: 9px;padding: 0px;}

.deel-een-foto{width: 100%; }
.deel-een-foto img{width: 100%; margin: -6% 0 0 0px; padding: 0 5%;}
.deel-een-text{width: 100%;padding: 3% 3%}
.deel-een-text p{padding: 5%;margin-top: -14%;}
    
.deel-twee-foto{width: 100%;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 0 10%;}
.deel-twee-text{width: 100%;padding: 3% 3%}
.deel-twee-text p{padding: 5%;margin-top: -14%;}

.quotation p{font-size: 18px;line-height: 2rem;padding: 15% 15%;
}

.mike-foto{width: 100%;padding: 6% 10%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 100%;padding: 6% 5%;}
.over-mike-pg p{margin-bottom: 40px;}
    
    
    
    
/*=======================Contact===ons===page================================================================================================================================================================================================================================================================================================================*/
.banner-contact-pg{min-height: 200px; background-image: url(img/contact-mobile.jpg);}

.bg-cont{background-color:rgba(0,0,0, 0.3);  

    background-repeat: no-repeat;
}

td{padding-left: 10px; font-size: 13px; margin: 0; }
td:nth-child(even){width:80px;height: 13px;
padding-left:10px;padding-right: 5px;font-size: 10px;}
tr{height: 15px;}


}
    
/* Medium devices (tablets, 767px and up 991px) */
@media (min-width: 767px) and (max-width: 991px) 
{
.background{min-height: 600px;}
.navigation ul li{margin: 30px 16px;}
.navigation ul li a{font-size: 14px;}
.social{ width: 18%;}
.social ul{width:100%; }
.social ul li{margin: 30px 0;}
.social ul li a{font-size: 25px;}
.text{padding-top: 10%;}
.text h1{font-size: 11px;}
.logo{padding: 2.0%;}
.logo img{width: 25%;}
.compact a img{margin-top: -25%;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: -20px;}
.museheader h1{width: 80%;font-size: 65px;}
.museparag{padding: 8% 8% 0 5%;}
.musenparag p{width: 50%;}
.museparag a{ margin-top: 10px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:80%;margin-right: 10%;margin-bottom: 4%;}
.foto-mike img{ -webkit-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.overmike{ margin-top: 1%;}
.overmike p{padding: 20px 17px 0 16px;}
.overmike a{margin-top: 10px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ min-height: 650px;background-size: cover;}
.overonstext{float:none; width: 75%;margin: 8% 0% 8% 20%;
padding: 100px 35px ;border-bottom: solid 28px #fff;border-right: solid 28px #fff; }
.place{font-size: 30px; line-height: 24px; }
.overonstext a{margin-top: 2%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 40%;font-size: 350px;;margin: -17% 0 -20% 0;}
.rest{width: 100%;font-size: 40px; padding-left: 0; margin-top: 8%; float: left;}
.flex-cont {margin-bottom: 7%;  font-size: 13px;}
.flex-cont > div{width: 240px;margin: 5px;  word-break:;padding: 10px 2px; }
.column img{margin-top: 15px;margin-bottom: 15%;}
    .column p{
        font-size: 12px;
    }
.onzediensten { margin-bottom: 10%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{min-height: 600px;background-size: cover; }
.quotetext{width: 75%;margin: 8% 0 8% 10%;padding: 70px 35px ;
border-left: solid 28px #fff;border-bottom: solid 28px #fff;}
.quotetext p{padding: 14px 20px 0 14px;font-size: 20px;}

    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/

.bigb{
    width: 50%;
    margin: -18% 0 -50% 0;
    float: none;
}

.bigb h1{
    font-size: 400px;
    text-align: right;
} 
.rest-sent{
    width:50%;
    height: 125px;
    margin-top: 10%;
    float: right;
}

.rest-sent h1{
    font-size: 85px;    
    text-align: left;
}
.flex-container-blog {padding-left:0%;margin-bottom: -4%;}
.flex-container-blog > div {width: 237px;margin: 0 0 90px 10px;}
.blogen h2{font-size: 14px;}
.blogen p{font-size: 13px;}




/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{
    font-size: 38px;
    margin-bottom: 2%;
}

.create-stage p{
    padding: 0 15%;
}

.pakket{
    width: 100%;
    padding: 0;
    margin-left: 15%;
    margin-bottom: 60%;
}

.pakket-left h2{
    width: 50%;
    padding: 2%;
}

.pakket-left p{
    width: 90%;
    padding: 2%;
}

.pakket-left{
    width: 40%;
    float: left;
}
.pakket-right{
    width: 40%;
    float: left;
}
.pakket-right h2{
    width: 50%;
    padding: 2%;
    text-align:center;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 15%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{
    font-size: 75px;
    padding-left: 8%;
}

.instagram{
    width: 100%; 
    padding-left: 10%;
    padding-right: 20px;
}

.instaimg img{
    margin: 50px 0;
}

.social-icon {
    width: 100%; 
    text-align: left;   
    margin-bottom: 10%;
}

.social-icon a{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding: 14px 18px;
    border: 1.5px solid #7aecb1; 
    border-radius: 5px;
    color: #292929;
}

.bg{
    font-size: 30px;
    width: 6%;
    padding: 12px 10px;
    margin: 0 0 0 10%;
}

    
    
.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    font-size: 75px;
    margin: 0;
    padding-left: 12%;
}
    
.review h3{
    font-size: 25px;
    padding: 45px 0 25px 0;
    margin-left: 13%;
}

.testimonial p{
    width: 100%;
    margin-left: 15%;

}

.testimonial img{
    margin-left: 15%;
}

.review a{
    position: relative;
    display: inline-block;
    margin: 10% 0 10% 15%;
}

.guitar{
    top: 4650px;
    width: 100%;
    height: 2900px;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;

}
/*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{
    height: 1150px;
}

.us{
    width: 100%;
    padding: 10%;
}

.inputbox input{
    width: 85%;
    border-bottom: 1.5px solid #fff; 
}
    

textarea{
    width: 75%;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 20px;
    border: 1.5px solid #7aecb1;
}
    
.opening{
    margin-top: 0%;
    width: 60%;
    padding-left: 0; 
}

.openinghours{ 
    margin-left: 5%;
}

.contact-info{
    margin-bottom: 18%;
}

.contact-info p{
    width: 100%;
    color: #fff;
    padding: 1%;
}
.openinghours h3{
    width: 100%;
    color: #fff;
    font-size: 36px;
    margin-bottom: 5%;
}


    
    
    
        

 /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 
  
.bg-dienst{min-height: 400px;}
.diens-pg{margin-top: -31%; padding-left: 5px; width: 15%; }
.d-pg{margin-bottom: 3%; margin-top: -11%; width: 80%;}
.create-pg h1{font-size: 50px;}
.dienst-pg{margin-bottom: 2%;}
.contactusdie{padding:0 10%;}
    
.checkbox-container{width: 80%; margin-left: 30px;height:170px; }
.checkbox-container input[type=checkbox] + label {margin: 0;padding:10px;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 20px;}
    
.radio-container{width: 100%;margin-left: 30px;height: 170px;}
.radio-container input[type=radio] + label {margin: 0;}
.radio-container input[type=radio] + label:before {margin-right: 10px;}


.a{ width: 45%;margin-left: 30px;}
.e{ width: 45%;}
.d{ width: 95%;margin-left: 30px;}
.inputboxpg input{width: 90%;}
   
/* =====================================================================       
============================   blog   =========================
=======================================================================*/
.background-blog{min-height: 400px;}
.blog-pg-logo{padding-left: 80px;padding-top: 20%;}
.blog-pg-logo h1{font-size: 10px;padding-left: 30px;}
.logo-green{padding: 1%;}
.logo-green img{width: 25%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: nowrap;}
.flex-container > div {
    width: 350px;
    margin: 0 15px 60px 15px;
    -webkit-box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.75);
    box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.75);
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
     color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    width: 100%;
    font-size: 95px;
    text-align: left;
    color: #7aecb1;
    margin-left: 15px;
}

.review h3{
    width: 100%;
    font-size: 25px;
    padding: 20px 0 25px 0;
    padding-left: 0px;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    padding-left: 0%;
}

.testimonial img{
    margin-left: 70px;
}

    
 /*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 400px;}
.text-about-us{width: 100%;padding-top: 17%;}
.text-about-us h1{font-size: 40px;line-height: 70px;padding: 5px;border-bottom: 2px solid #fff;}
.text-about-us h3{font-size: 15px;padding: 5px;}

.deel-een-foto{width: 100%; }
.deel-een-foto img{width: 100%;margin: -6% 0 0 0px; padding: 0 10%;}
.deel-een-text{width: 100%;padding: 3% 15%}
.deel-een-text p{padding: 5%;margin-top: -14%;}
    
.deel-twee-foto{width: 100%;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 0 10%;}
.deel-twee-text{width: 100%;padding: 0 15%}
.deel-twee-text p{padding: 5%;margin-top: -14%;}

.quotation p{font-size: 18px;line-height: 2rem;padding: 5% 15%;
}

.mike-foto{width: 40%;padding: 6% 3%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 60%;padding: 6% 8%;}
.over-mike-pg p{margin-bottom: 40px;}

    
    
        
    

/*=================================CONTACT===ONS===page=========================================================================================================================================================================================================================================================================================================*/
.banner-contact-pg{min-height: 300px;}

.contact-info p{
    width: 100%;
    color: #fff;
    padding: 3%;
}
.openinghours h3{
    width: 100%;
    color: #fff;
    font-size: 36px;
    margin-bottom: 5%;
}
    
    

}

/* Medium devices (ipad pro, 991px and up 1024px) */
@media (min-width: 992px) and (max-width: 1024px) 
{
.background{min-height: 620px;}
.navigation ul li{margin: 30px 16px;}
.navigation ul li a{font-size: 18px;}
.social{ width: 20%;}
.social ul{width:100%; margin-left: 75px;}
.social ul li{margin: 30px 0;}
.social ul li a{font-size: 25px;}
.text{padding-top: 10%;}
.text h1{font-size: 14px;}
.logo{padding: 2.0%;}
.logo img{width: 30%;}
.compact a img{margin-top: -25%;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: -35px;}
.museheader h1{width: 80%;font-size: 80px;}
.museparag{padding: 10%; 10%}
.musenparag p{width: 50%;}
.museparag a{ margin-top: 10px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:80%;margin-right: 10%;margin-bottom: 4%;}
.foto-mike img{ -webkit-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.overmike{ margin-top: 10%;}
.overmike p{padding: 20px 17px 0 16px;}
.overmike a{margin-top: 10px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ min-height: 650px;background-size: cover; background-position: right;}
.overonstext{float:right; width: 61%;
padding: 100px 35px ;border-bottom: solid 30px #fff;border-right: solid 30px #fff; }
.place{font-size: 30px; line-height: 24px; }
.overonstext a{margin-top: 2%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 15%;font-size: 375px;font-weight: 600;margin: -14% 0 -36% 4%; float: left;}
.rest{float: right;width:85%;font-size: 75px;margin-bottom: 2%;margin-top: 3%; padding-left: 3%;}
.flex-cont {padding-left:24px;margin-bottom: 7%;  font-size: 13px;}
.flex-cont > div{width: 310px;margin: 7px;padding: 40px 13px;}
.column img{margin-top: 15px;margin-bottom: 15%;}
.onzediensten { margin-bottom: 10%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{min-height: 650px;background-size: cover; background-position: center;}
.quotetext{width: 64%;margin: 8% 0 8% 6%;padding: 75px 35px ;
border-left: solid 28px #fff;border-bottom: solid 28px #fff;}
.quotetext p{padding: 14px 20px 0 14px;font-size: 20px;}

    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/


.bigb{
    width: 50%;
    margin: -14% 0 -48% 0;
    float: none;
}

.bigb h1{
    font-size: 450px;
    text-align: right;
} 
.rest-sent{
    width:50%;
    height: 155px;
    margin-top: 15%;
    float: right;
}

.rest-sent h1{
    font-size: 85px;    
    text-align: left;
}

.flex-container-blog {padding-left:2%;margin-bottom: -4%;}
.flex-container-blog > div {width: 310px;margin: 0 0 120px 15px;}
.blogen h2{font-size: 15px;}
.blogen p{font-size: 14px;}
.optredens a{display: inline-block; margin-bottom:
    2%}



/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{
    font-size: 38px;
    margin-bottom: 2%;
}

.create-stage p{
    padding: 0 15%;
}

.pakket{
    width: 100%;
    padding: 0;
    margin-left: 15%;
    margin-bottom: 45%;
}

.pakket-left h2{
    width: 50%;
    padding: 2%;
}

.pakket-left p{
    width: 90%;
    padding: 2%;
}

.pakket-left{
    width: 40%;
    float: left;
}
.pakket-right{
    width: 40%;
    float: left;
}
.pakket-right h2{
    width: 50%;
    padding: 2%;
    text-align:center;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 15%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{
    font-size: 85px;
    padding-left: 8%;
}

.instagram{
    width: 100%; 
    padding-left: 8%;
}

.instaimg img{
    margin: 50px 0;
}

.social-icon {
    width: 100%; 
    text-align: left;   
    margin-bottom: 10%;
}

.bg{
    font-size: 30px;
    width: 6%;
    padding: 12px 10px;
    margin: 0 0 0 11%;
}

.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    font-size: 85px;
    margin: 0;
    padding-left: 12%;
}
    
.review h3{
    font-size: 30px;
    padding: 45px 0 25px 0;
    margin-left: 13%;
}

.testimonial p{
    width: 100%;
    margin-left: 15%;

}

.testimonial img{
    margin-left: 15%;
}

.review a{
    position: relative;
    display: inline-block;
    margin: 10% 0 10% 15%;
}

.guitar{
    top: 5300px;
    width: 100%;
    height: 238em;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;
    overflow: hidden;

}
    

    /*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{
    height: 1320px;
}

.us{
    width: 100%;
    padding: 10%;
}
    
    

.inputbox input{
    width: 85%;
    border-bottom: 1.5px solid #fff; 
}
    

textarea{
    width: 75%;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 20px;
    border: 1.5px solid #7aecb1;
}
    
.opening{
    margin-top: 0%;
    padding: 0;
}

.openinghours{ 
    margin-left:8%;
}

.contact-info{
    margin-bottom: 18%;
}

.contact-info p{
    width: 100%;
    color: #fff;
    padding: 3%;
}
.openinghours h3{color: #fff;}
    

 /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 
  
.bg-dienst{min-height: 400px;}
.diens-pg{margin-top: -16%;width: 28%; padding-left: 45px;}
.d-pg{margin-bottom: 3%;margin-top: 0.5%; width: 95%;}
.create-pg h1{font-size: 50px;}
.dienst-pg{margin-bottom: 2%;}
.contactusdie{padding:0 10%; }
    
.checkbox-container{width: 100%; margin-left: 55px;height:150px;}
.checkbox-container input[type=checkbox] + label {margin: 0;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 1em;}
    
.radio-container{width: 100%;margin-left: 55px;height: 170px;}
.radio-container input[type=radio] + label {margin: 0;}
.radio-container input[type=radio] + label:before {margin-right: 1em;}
.a{ width: 50%;}
.e{ width: 50%;}
.d{ width: 100%;}
    
    
    
    
    
/* =====================================================================       
============================   blog   =========================
=======================================================================*/
.background-blog{min-height: 500px;}
.blog-pg-logo{padding-left: 100px;padding-top: 20%;}
.blog-pg-logo h1{font-size: 12px;padding-left: 29px;}
.logo-green{padding: 1.%;}
.logo-green img{width: 20%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: nowrap;}
.flex-container > div {
    width: 350px;
    margin: 0 25px 80px 25px;
    -webkit-box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
    box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
     color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    width: 100%;
    font-size: 95px;
    text-align: left;
    color: #7aecb1;
    margin-left: 115px;
}

.review h3{
    width: 100%;
    font-size: 25px;
    padding: 20px 0 25px 0;
    padding-left: 0px;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    margin-left: 0;
}

.testimonial img{
    margin-left: 80px;
}





 /*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 500px;}
.text-about-us{width: 100%;padding-top: 19%;}
.text-about-us h1{font-size: 50px;line-height: 70px;padding: 5px;border-bottom: 3px solid #fff;}
.text-about-us h3{font-size: 18px;padding: 5px;}

.deel-een-foto{width: 50%;}
.deel-een-foto img{width: 100%;margin: -6% 0 0 0px; padding: 2% 0 0 8%;}
.deel-een-text{width: 50%;padding: 0 2%}
.deel-een-text p{padding: 5%;margin-top: -14%;}
    
.deel-twee-foto{width: 50%;float: left;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 2% 8% 0 0;}
.deel-twee-text{width: 50%;padding: 0 2%}
.deel-twee-text p{padding: 5%;margin-top: -14%;}

.quotation p{font-size: 18px;line-height: 2.2rem;padding: 5%1%;
}

.mike-foto{width: 30%;padding: 6% 3%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 70%;padding: 6% 8%;}
.over-mike-pg p{margin-bottom: 40px;}



.banner-contact-pg{ min-height: 500px;}


    
    
    


}


/* Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1025px) and (max-width: 1300px) 
{
.background{min-height: 620px;}
.navigation ul li{margin: 30px 16px;}
.navigation ul li a{font-size: 18px;}
.social{ width: 20%;}
.social ul{width:100%; margin-left: 75px;}
.social ul li{margin: 30px 0;}
.social ul li a{font-size: 25px;}
.text{padding-top: 10%;}
.text h1{font-size: 14px;}
.logo{padding: 2.0%;}
.logo img{width: 30%;}
.compact a img{margin-top: -25%;}



/*================================================================================================================================================Muse====En====Place========================================================================================================================================================================================*/
               

.muse-en-place{margin-top: -35px;}
.museheader h1{width: 80%;font-size: 80px;}
.museparag{padding: 10%; 10%}
.musenparag p{width: 50%;}
.museparag a{ margin-top: 10px;}

/*==================================================================================================================================================Mike=====================================================================================================================================================================================================*/
                                
.mike{width:80%;margin-right: 10%;margin-bottom: 4%;}
.foto-mike img{ -webkit-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);-moz-box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70);box-shadow: 10px -3px 10px 0px rgba(0,0,0,0.70); margin-bottom: 15%;}  
.overmike{ margin-top: 10%;}
.overmike p{padding: 20px 17px 0 16px;}
.overmike a{margin-top: 10px;}

    
/*===================================================================================================================================================over====ons=============================================================================================================================================================================================*/
.overons{ min-height: 650px;background-size: cover; background-position: right;}
.overonstext{float:right; width: 61%;
padding: 100px 35px ;border-bottom: solid 30px #fff;border-right: solid 30px #fff; }
.place{font-size: 30px; line-height: 24px; }
.overonstext a{margin-top: 2%;}


/*==========================Onze====diensten=================================================================================================================================================================================================================================================================================================================*/

.bigo{width: 15%;font-size: 375px;font-weight: 600;margin: -14% 0 -36% 4%; float: left;}
.rest{float: right;width:85%;font-size: 75px;margin-bottom: 2%;margin-top: 3%; padding-left: 3%;}
.flex-cont {padding-left:24px;margin-bottom: 7%;  font-size: 13px;}
.flex-cont > div{width: 310px;margin: 7px;padding: 40px 13px;}
.column img{margin-top: 15px;margin-bottom: 15%;}
.onzediensten { margin-bottom: 10%; }

/*=================================================================================================================================================Quote=====================================================================================================================================================================================================*/
     
.quote{min-height: 650px;background-size: cover; background-position: center;}
.quotetext{width: 64%;margin: 8% 0 8% 6%;padding: 75px 35px ;
border-left: solid 28px #fff;border-bottom: solid 28px #fff;}
.quotetext p{padding: 14px 20px 0 14px;font-size: 20px;}

    
/*===================================================================================================================================================Blog====================================================================================================================================================================================================*/


.bigb{width: 5%;font-size: 375px;font-weight: 600;margin: -13% 0 -18% 50%; float: left;}
.rest-sent{float: left;font-size: 100px;font-weight: 500;margin-top: 3%; padding-left: 22%;}
.flex-container-blog {padding-left:2%;margin-bottom: -4%;}
.flex-container-blog > div {width: 310px;margin: 0 0 120px 15px;}
.blogen h2{font-size: 15px;}
.blogen p{font-size: 14px;}
.optredens a{display: inline-block; margin-bottom:
    2%}



/*=============================================================================================================================================create===your====stage========================================================================================================================================================================================*/

.create-stage h1{
    font-size: 38px;
    margin-bottom: 2%;
}

.create-stage p{
    padding: 0 15%;
}

.pakket{
    width: 100%;
    padding: 0;
    margin-left: 15%;
    margin-bottom: 45%;
}

.pakket-left h2{
    width: 50%;
    padding: 2%;
}

.pakket-left p{
    width: 90%;
    padding: 2%;
}

.pakket-left{
    width: 40%;
    float: left;
}
.pakket-right{
    width: 40%;
    float: left;
}
.pakket-right h2{
    width: 50%;
    padding: 2%;
    text-align:center;
}

.pakket-right p{
    width: 90%;
    padding: 2%;
}

.stage{ margin-bottom: 15%;}


/*===================================================================================================================================================Social===media==========================================================================================================================================================================================*/

.social-media h1{
    font-size: 85px;
    padding-left: 8%;
}

.instagram{
    width: 100%; 
    padding-left: 8%;
}

.instaimg img{
    margin: 50px 0;
}

.social-icon {
    width: 100%; 
    text-align: left;   
    margin-bottom: 10%;
}

.bg{
    font-size: 30px;
    width: 6%;
    padding: 12px 10px;
    margin: 0 0 0 11%;
}

.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    font-size: 85px;
    margin: 0;
    padding-left: 12%;
}
    
.review h3{
    font-size: 30px;
    padding: 45px 0 25px 0;
    margin-left: 13%;
}

.testimonial p{
    width: 100%;
    margin-left: 15%;

}

.testimonial img{
    margin-left: 15%;
}

.review a{
    position: relative;
    display: inline-block;
    margin: 10% 0 10% 15%;
}

.guitar{
    top: 5300px;
    width: 100%;
    height: 238em;
    position:  absolute;
    background-image: url(img/tablet.png);
    right: 0;
    overflow: hidden;

}
/*=================================CONTACT===ONS=============================================================================================================================================================================================================================================================================================================*/

.bo{
    height: 1320px;
}

.us{
    width: 100%;
    padding: 10%;
}

.inputbox input{
    width: 85%;
    border-bottom: 1.5px solid #fff; 
}
    

textarea{
    width: 75%;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 20px;
    border: 1.5px solid #7aecb1;
}
    
.opening{
    margin-top: 0%;
}

.openinghours{ 
    margin-left: 11%;
}

.contact-info{
    margin-bottom: 18%;
}

.contact-info p{
    width: 100%;
    color: #fff;
    padding: 1%;
}
.openinghours h3{
    width: 100%;
    color: #fff;
    font-size: 36px;
    margin-bottom: 5%;
}
    
    
    
    
    
    
    
    
    
    
    
    

 /*=========================Diensten===page================================================================================================================================================================================================================================================================================================================*/ 
  
.bg-dienst{min-height: 400px;}
.diens-pg{margin-top: -16%;width: 28%; padding-left: 45px;}
.d-pg{margin-bottom: 3%;margin-top: 0.5%; width: 95%;}
.create-pg h1{font-size: 50px;}
.dienst-pg{margin-bottom: 2%;}
.contactusdie{padding:0 10%; }
    
.checkbox-container{width: 100%; margin-left: 55px;height:150px;}
.checkbox-container input[type=checkbox] + label {margin: 0;}
.checkbox-container input[type=checkbox] + label:before {margin-right: 1em;}
    
.radio-container{width: 100%;margin-left: 55px;height: 170px;}
.radio-container input[type=radio] + label {margin: 0;}
.radio-container input[type=radio] + label:before {margin-right: 1em;}
.a{ width: 50%;}
.e{ width: 50%;}
.d{ width: 100%;}
    
    
    
    
    
/* =====================================================================       
============================   blog   =========================
=======================================================================*/
.background-blog{min-height: 500px;}
.blog-pg-logo{padding-left: 100px;padding-top: 20%;}
.blog-pg-logo h1{font-size: 12px;padding-left: 29px;}
.logo-green{padding: 1.%;}
.logo-green img{width: 20%;}
.optrading{margin-bottom: 5%;}
.optrading a{border: solid 1.5px #7aecb1;}
.flex-container {display: flex;flex-wrap: nowrap;}
.flex-container > div {
    width: 350px;
    margin: 0 25px 80px 25px;
    -webkit-box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
    box-shadow: 5px 2px 24px -1px rgba(0,0,0,0.75);
}

.blo img{
    width: 100%;
    padding: 0;
    margin: 0;
}

.blo h2{
    width: 100%;
    font-size: 22px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

.blo p{
    width: 100%;
    font-size: 14px;
    padding: 0 0 20px 20px;;
    text-align: left;
    color: #292929;
}

.blo h6{
    width: 80%;
    font-size: 12px;
    padding: 10px 0 10px 0;
    text-align: left;
     color: #292929;
    border-top: solid 1px #292929;
    margin-left: 20px;
}

.review{
    width: 60%;
    margin-bottom: 10%;
}

.review h1{
    width: 100%;
    font-size: 95px;
    text-align: left;
    color: #7aecb1;
    margin-left: 115px;
}

.review h3{
    width: 100%;
    font-size: 25px;
    padding: 20px 0 25px 0;
    padding-left: 0px;
}

.testimonial p{
    width: 100%;
    padding-top: 20px;
    margin-left: 13%;
}

.testimonial img{
    margin-left: 80px;
}





 /*=========================over===ons===page==============================================================================================================================================================================================================================================================================================================*/                          
.banner-about-us{min-height: 500px;}
.text-about-us{width: 100%;padding-top: 19%;}
.text-about-us h1{font-size: 50px;line-height: 70px;padding: 5px;border-bottom: 3px solid #fff;}
.text-about-us h3{font-size: 18px;padding: 5px;}

.deel-een-foto{width: 50%;}
.deel-een-foto img{width: 100%;margin: -6% 0 0 0px; padding: 2% 0 0 8%;}
.deel-een-text{width: 50%;padding: 0 2%}
.deel-een-text p{padding: 5%;margin-top: -14%;}
    
.deel-twee-foto{width: 50%;float: left;}
.deel-twee-foto img{width: 100%; margin: -2% 0 0 0; padding: 2% 8% 0 0;}
.deel-twee-text{width: 50%;padding: 0 2%}
.deel-twee-text p{padding: 5%;margin-top: -14%;}

.quotation p{font-size: 18px;line-height: 2.2rem;padding: 5%1%;
}

.mike-foto{width: 30%;padding: 6% 3%;}
.mike-foto img{width: 100%;}
.over-mike-pg{width: 70%;padding: 6% 8%;}
.over-mike-pg p{margin-bottom: 40px;}








}