body{
	margin: 0;
font-size:110%;
}
a:link, a:visited{
color:black;

}
a:hover{
opacity:0.8;
}
.leftside{
	float:left;
	width:50%;
}

.rightside{
	margin-left:51%;
	padding-left:10%;
}

.calendar{
position:absolute;
	font-family: 'Noto Serif', serif;
	font-size:200%;
	margin-top:5%;
	margin-left:45%;

background-color:white;
border:1px solid grey;
	padding-left:5px;
	width:20%;	
}
.calendar a, .toleft a, .toright a{
text-decoration:none;
}

.Month{
float:left;
	font-family: 'Roboto Slab', serif;
	font-weight:bold;
  	font-size: 200%;
	padding-left:2%;
padding-right:2%;
	color:brown;
margin-top:20%;
}

.Month a:link, .Month a:visited{
	color:brown;
}
.Month a:hover, .Links ul li a:hover{
	color:grey;
}

.toleft{
float:left;
font-family:arial;
margin-top:22%;

}
.toright{
font-family:arial;
margin-top:22%;

}

.Image{
	margin-top:0%;	
}

.Links{
	margin-top:30%;

}

.Links ul{
	list-style:none;
}

.Links ul li{
	font-family:arial;
	font-size:80%;
	margin-top:1%;
}

.Links a:link, .Links a:visited, .footer a:link, .footer a:visited{
	color:black;
}

.description{
position:absolute;
font-family: 'Noto Serif', serif;
border:1px solid grey;
font-size:150%;
background-color:white;
padding:5px;
font-style:bold;
margin-top:55%;
margin-left:15%;
width:45%;
text-align:right;
}

.description a{
text-decoration:underline;
}

.selectpicture{
padding-left:1%;
margin-top:1%;
font-size:100%;
}

.calendarselect{
margin-left:1%; 
font-family: "Noto Serif", serif; 
font-size:500%;
}

.pictures{
margin-top:1%;
}

.pictures img{
//width:100%;
}
.footermobile{
border-top:1px solid black;
background-color:rgba(255, 255, 255, 0.8);
margin-top:20%;
margin-left:0;
color:black;
padding:1%;

font-size:95%;
}

.social, .customerlogin{
display:none;
}
.title img{
width:10%;
display:none;
}

@media screen and (min-width: 1241px){
.footermobile { display: yes! important; margin-top:30%; }
 .footer { display: none! important; }

.rightside{padding-left:5%;}
}
@media screen and (min-width: 1025px) and (max-width: 1240px){
 .footer { display: none! important; }
.footermobile { display: yes! important; }


}

@media screen and (min-width: 768px) and (max-width: 1024px){
.footer {display:none;}

.footermobile{display: yes! important; font-size:80%;}
.Links{margin-top:18%;}

.rightside{margin-left:50%; }
.Image img{width:100%;}
.description, .Links, .Month, .calendar{font-size:90%;}
.description{margin-left:0;}
.rightside{padding-left:1%;}
.calendar{font-size:200%;}
.selectpicture{font-size:100%;}
.pictures img{width:25%;}

}

@media screen and (max-width: 767px) {
.footer { display: none! important; }

.leftside {width:100%;}
.calendar{width:30%; margin-left:0%;}
.footermobile {font-size:70%;}
.Links, .Month{font-size:90%;}
.Links {margin-top:0%;}
.calendarselect{fons-size:200%;}
.Month {display:none;} 
.toleft {display:none;}
.toright {display:none;}
.description {margin-top:70%; margin-left:0%;}
.description {font-size:70%;}
.rightside{margin-left:0%; }
.Image img{width:100%;}

.pictures img{width:100%;}
}