/* === CRAZY OLD DUTCH - MEDIA.CSS ===  */
/* === WAARDEN GELDEN VAN BOVEN NAAR BENEDN ===  */

/* BEGIN > 1920 */
@media only screen and (max-width: 1920px)
{}
/* ================= EINDE > 1920 =================== */


/* BEGIN > 1366 */
@media only screen and (max-width: 1366px)
{

#BedrijfsNaam{font-size:4.4em;padding-top:5px}
#ContentContainer{margin-top:10px;border:1px solid #ccc;}
#ContentContainerScenes{margin-top:10px;border:1px solid #ccc;}
#ContentRechts{padding:30px;}
#ContentRechtsMembers{padding:30px;}
.FigureTroepen{width:131px;}

}
/* ================= EINDE > 1366 =================== */


/* BEGIN > 1080 */
@media only screen and (max-width: 1080px)
{
}
/* ================= EINDE > 1080 =================== */


/* BEGIN > 1024 */
@media only screen and (max-width: 1024px)
{

#BedrijfsNaam{font-size:4.2em;padding-top:5px}
#ContentContainer{margin-top:10px;border:1px solid #ccc;}
#ContentContainerScenes{margin-top:10px;border:1px solid #ccc;}
#ContentRechts{padding:30px;}
#ContentRechtsMembers{padding:30px;}
.FigureTroepen{width:131px;}

}
/* ================= EINDE > 1024 =================== */


/* BEGIN > 981 */
@media only screen and (max-width: 981px)
{

#BedrijfsNaam{font-size:4em;padding-top:5px}
.FigureTroepen{width:131px;}

}
/* ================= EINDE > 981 =================== */


/* BEGIN > 800 */
@media only screen and (max-width: 800px)
{

.MobielMenuHomeWeg{display:inherit}
#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{font-size:2.0em;top:200px;}

#Links{display:none}
#Rechts{width:100%;}
#ContentContainer
{
-webkit-box-shadow:0px 0px 0px #000; 
-moz-box-shadow:0px 0px 0px #000;
box-shadow:0px 0px 0px #000;
margin-top:0
}
#ContentContainerScenes
{
-webkit-box-shadow:0px 0px 0px #000; 
-moz-box-shadow:0px 0px 0px #000;
box-shadow:0px 0px 0px #000;
margin-top:0
}
#ContentRechts{padding:38px;}
#ContentRechtsMembers{padding:38px;}
#MobielMenuLogo{width:7.5em;}
#MobielMenuLogo img{width:100%;}
#MobielMenuHeader{display:inherit; font-size:1.5em;height:35px}
#MobielMenuHeader2{display:inherit; font-size:1.35em;height:35px}
.FigureTroepen{width:162px;}

}
/* ================= EINDE > 800 =================== */


/* BEGIN > 768 */
@media only screen and (max-width: 768px)
{

body, th{background-size:0% 0%;}
#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{font-size:1.9em;top:200px;}
#ContentRechts{padding:35px;}
#ContentRechtsMembers{padding:35px;}
#Rechts h1{font-size:1.2em;}
#Rechts h2{font-size:1.2em;}
.FigureTroepen{width:155px;}

}
/* ================= EINDE > 768 =================== */


/* BEGIN > 736 */
@media only screen and (max-width: 736px)
{

#logo-crazy-old-dutch img{max-width:210px !important}
#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{top:190px;}
#ContentRechts{padding:33px;}
#ContentRechtsMembers{padding:33px;}
#ContentRechtsLogo img{display:none}
.FigureTroepen{width:147px;}

}
/* ================= EINDE > 736 =================== */


/* BEGIN > 694 */
@media only screen and (max-width: 694px)
{

#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{top:180px;}
.FigureTroepen{width:137px;}

}
/* ================= EINDE > 694 =================== */


/* BEGIN > 678 */
@media only screen and (max-width: 678px)
{

#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{top:180px;}
.FigureTroepen{width:134px;}

}
/* ================= EINDE > 678 =================== */


/* BEGIN > 667 */
@media only screen and (max-width: 667px)
{

#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{top:180px;}
.FigureTroepen{width:132px;}

}
/* ================= EINDE > 667 =================== */


/* BEGIN > 639 */
@media only screen and (max-width: 639px)
{

#BedrijfsNaam{font-size:4em;padding-top:5px}
.FlexText{top:180px;}
#ContentRechts{padding:30px;}
#ContentRechtsMembers{padding:30px;}
.FigureTroepen{width:170px;}

}
/* ================= EINDE > 639 =================== */

/* BEGIN > 600 */
@media only screen and (max-width: 600px)
{

#BedrijfsNaam{font-size:3.8em;padding-top:5px}
.FlexText{top:150px;}
#ContentRechts{padding:27px;}
#ContentRechtsMembers{padding:27px;}
.FigureOntwerp p{font-size:1.1em;}
.FigureTroepen{width:117px;}

}
/* ================= EINDE > 600 =================== */


/* BEGIN > 568 */
@media only screen and (max-width: 568px)
{

#logo-crazy-old-dutch img{max-width:190px !important}
#BedrijfsNaam{font-size:3.6em;padding-top:5px}
.FlexText{font-size:1.5em;top:150px;}
#ContentRechts{padding:25px;}
#ContentRechtsMembers{padding:25px;}
.RechtsMiniKarakters{height:0;}
.RechtsMiniKarakters img{margin:0 35px 0 35px !important; width:80%;height:auto;}
#KolomRechts{width:95%}
.FigureTroepen{width:110px;}

}
/* ================= EINDE > 568 =================== */


/* BEGIN > 507 */
@media only screen and (max-width: 507px)
{

#BedrijfsNaam{font-size:3.4em;padding-top:5px}
.FlexText{font-size:1.4em;top:130px;}
.FigureTroepen{width:130px;}
.StandWars{width:320% !important;float:left}

}
/* ================= EINDE > 507 =================== */


/* BEGIN > 480 */
@media only screen and (max-width: 480px)
{

#logo-crazy-old-dutch img{max-width:170px !important}
#BedrijfsNaam{font-size:3.2em;padding-top:5px;}
.FlexText{font-size:1.4em;top:130px;}
#ContentRechts{padding:20px;}
#ContentRechtsMembers{padding:20px;}
#KolomRechts{width:95%}

}
/* ================= EINDE > 480 =================== */


/* BEGIN > 438 */
@media only screen and (max-width: 438px)
{

#BedrijfsNaam{font-size:3em;padding-top:5px}
.FlexText{display: none;}
.ImageNaarLinks img{max-width:100% !important;}
.ImageNaarRechts img{max-width:100% !important;}
.KlikOpAfbeelding{display:none}
.FigureTroepen{width:110px;}

}
/* ================= EINDE > 438 =================== */


/* BEGIN > 414 */
@media only screen and (max-width: 414px)
{

#BedrijfsNaam{font-size:2.8em;padding-top:5px}
.FigureTroepen{width:155px;}

}
/* ================= EINDE > 414 =================== */


/* BEGIN > 375 */
@media only screen and (max-width: 375px)
{

#BedrijfsNaam{font-size:2.5em;padding-top:5px}
#ContentRechts{padding:17px;}
#ContentRechtsMembers{padding:17px;}
.FigureTroepen{width:141px;}

}
/* ================= EINDE > 375 =================== */


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

#BedrijfsNaam{font-size:2em;padding-top:5px}
#ContentRechts{padding:13px;}
#ContentRechtsMembers{padding:13px;}
.FigureTroepen{width:116px;}

}
/* ================= EINDE > 320 =================== */