/************************************************************************************
smaller than 1800
*************************************************************************************/
@media screen and (max-width: 1800px) {
	
#character {
width:275px;	
}

}

/************************************************************************************
smaller than 125
*************************************************************************************/
@media screen and (max-width: 1250px) {
	
#character {
display:none;	
}

}

/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1050px) {

#content {
padding-bottom:700px; 
}

#menu {
font-size:20px;
color:white; 
padding-top:15px;
padding-bottom:15px;
}

section.photos {
	 position:inherit; 
	 text-align:center; 
	 height:inherit;
	 margin-top:0;
}

.about {
	min-height:1300px;
}

#photo_thumbs {
	margin-left:2%;
	padding-top:40px;
	padding-left:0;
	width:96%;
	position:inherit;
	z-index:inherit;
}

#photo_thumbs img {
	width:30%;	
	margin-right:2%;
	margin-bottom:1%;
	border:0px;
	padding:0;
}

#photo_thumbs .derde {
	margin-right:0px;
}

.video_yt {
width:90%;
margin-left:5%;
margin-right:5%;
height:310px
}

.twee_video_links, .drie_video_links{
float:none;
margin-right:0;
width:100%;
text-align:center;
}

.twee_video_rechts, .drie_video_rechts {
float:none; 
width:100%;
text-align:center;
}

.yt {
width:90%;  
margin-left:5%;
margin-right:5%;
height:450px; 
}

}

/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-width: 700px) {

#content {
padding-bottom:1000px; 
}

#logo {
margin-top:200px;
}

section h2 {
	 padding-top:150px;
}

section h3.large {
	font-size: 45px;
	line-height:50px;

}

.about {
	min-height:1420px;
}



#music img {
	max-width:50%;
}

.video_yt, .video_yt_drie{
width:90%;
margin-left:5%;
margin-right:5%;
height:310px
}

.twee_video_links, .drie_video_links{
float:none;
margin-right:0;
width:100%;
text-align:center;
}

.twee_video_rechts, .drie_video_rechts  {
float:none; 
width:100%;
text-align:center;
}

.yt {
height:240px
}

}


/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-width: 600px) {
.about {
	min-height:2020px;
}

.itunes, .spotify, .facebook, .twitter, .youtube, .instagram {
margin-right:15px;
}
}