.mobile_menu_container {
	display: none;    
    position: absolute;
    top: 70px;
    z-index: 99999;
    width: 70%;
    right: -70%;
    height: 100%;
    background: #160227;
    border: 1px solid #000;  	
}

.mobile_menu_container a {
	text-decoration: none;	
}

.mobile_menu_icon {
 	display: none;
   	position: absolute;
   	top: 21px;
   	right: 5px;
   	z-index: 9999;
}   

.mobile_menu_icon:hover {
 	cursor: pointer;
}

.mobile_menu_header {
	/*height: 50px;*/	
}

.mobile_menu_item {
	position: relative;
	color: #fff;
	height: 45px;
	font-size: 25px;
    padding-left: 25px;
    padding-top: 20px;
    border-top: 1px solid #270741;	
    border-left: none;
    border-right: none;
}

.mobile_menu_item:hover { 
	color: #000;
	background-color: #795695;
}

.mobile_menu_item img {
	margin-right: 10px;
	vertical-align: middle;
	display: table-cell;
}

.mobile_menu_item div {
	vertical-align: middle;
	display: table-cell;
}

.mobile_menu_item_top {
	border-bottom: 1px solid rgba(160,160,160,0.70);	
}

.mobile_menu_item_bottom {
	border-bottom: 1px solid rgba(160,160,160,0.70);
}

.mobile_menu_item_accent {
	display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
}

.mobile_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}


/*portrait*/
@media screen and (max-width: 480px) and (orientation: portrait) { 
	.menu_content {
	 	display: none;
	}

	.mobile_menu_icon {
		display: block;
	}
	
	.main_logo img {
	    max-width: 235px;
	}
	
	.contact_banner {		
	    width: 70vw;
	    left: 50px;
	    -webkit-transform: initial;
	    transform: initial;
	}
	
	.main_pretitle {
    	font-size: 5vw;
	}
	
	.main_title {    	
    	font-size: 10vw;
	}
	
	.main_subtitle {
    	font-size: 5vw;
   	    margin-bottom: 10px;
	}
	
	.main_posttitle {
    	font-size: 4vw;
   	    margin-bottom: 10px;
	}
	
	.main_cont {
    	font-size: 3vw;
	}	
}

/*landscape*/
@media screen and (max-width: 740px) and (orientation: landscape) { 
	
	.menu_content {
	 	display: none;
	}

	.mobile_menu_icon {
		display: block;
	}
	
	.main_logo img {
	    max-width: 235px;
	}		
	
	.main_pretitle {
    	font-size: 4vw;
	}
	
	.main_title {    	
    	font-size: 9vw;
	}
	
	.main_subtitle {
    	font-size: 4vw;
	}
	
	.main_posttitle {
    	font-size: 3vw;
	}	
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {	
	.menu_content, .menu_content_alt {
		display: none;
	}

	.mobile_menu_icon {
		display: block;
	}
	
	.main_pretitle {
    	font-size: 4vw;
	}
	
	.main_title {    	
    	font-size: 9vw;
	}
	
	.main_subtitle {
    	font-size: 4vw;
	}
	
	.main_posttitle {
    	font-size: 3vw;
	}
	
	.content {
	    height: 100vh;
	}	
	
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}

