@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 767px) {

    div#MobileMenu{
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  margin-bottom: 15px;
	  text-align: right;
	  z-index: -1;
	}
	
	.icon-menu:before {
		content: "Menu";
		color: #FFFFFF;
		position: fixed;
		right: 15px; 
		top: 15px;
	}
	.icon-close:before {
		content: "x";
		color: #21245F;
	}
	.menu{
	    position: absolute;
		width: 300px;
		left: -300px;
		top: +0px;
		background-color: #FFFFFF;
		opacity: 0.95;
        filter: alpha(opacity=95);
		height:100%;
		overflow: auto;
	}
	
	/*			MENUBUTTON			*/
	.MobileMenuTitle{
	  font-size: 1.2em;
	  font-weight: 300;
	  color: #960000;
	  text-align: left;
	  margin: 20px 10px 5px 10px;
	  width:100%;
	  border-bottom: #960000 1px dashed;
	}
	
	.MobileMenuRow{
	  font-size: 1.2em;
	  font-weight: 300;
	  text-align: left;
	  color: #FFFFFF;
	  margin: 1px 10px 0px 0px;
	  padding: 5px 10px 5px 10px;	  
	}
	.MobileMenuRow:hover{
	  background-color: #960000;
	  color: #21245F;
	}
	#menuButton{
	    position:fixed;
		font-size: 1.2em;
		color: #21245F;
		background-color: #960000;
		width: 100%;
		padding: 20px 10px 30px 20px;
	}
	#menuButton a{
		cursor: pointer;
		transition: all 0.2s;
	}
	#menuButton a:hover{
		color: #F59E00;		
	}
	/*			CLOSEBUTTON		*/
	
	
	.closeButton{
		font-size:1.3em;
		color: #21245F;
		position:absolute;
		left: 260px;
		top: 15px;
		height: 40px;
		
	}
	.closeButton a:hover{
		color:#333;
		cursor:pointer;
		
	}
	
	/* Let's get this party started */
::-webkit-scrollbar {
    width: 3px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff; 
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
}
}