@charset "utf-8";
/* CSS Document */
BODY {
	background: rgba(32,32,32,1.00);
	background-image: url("../images/temp_1920.jpg");
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFF;
	}
	
A, A:visited {color: #FFF;}

#Menu {
	margin-top: -35%;
	position: fixed;
	z-index: 10;
	font-size: 0.8rem;
	display: block;
	background: rgba(145,175,65,0.9);
	color:#fff;
	font-family: 'Roboto', sans-serif;
	width: 75px;
	height: 505px;
	overflow: hidden;
	transition: width 0.5s, height 0s;
	}
	
#Menu NAV {padding-top: 8px; text-align: center; width: 100%;}	
#Menu NAV:hover, .HomeIcon {background: rgba(225,135,35,1.00)}
#Menu IMG {width: 48px; cursor: pointer;}
.AltIcon {background: rgba(225,135,35,1.00)}

#PopOut {margin-left: 59px;
	background: rgba(145,175,65,0.9);}
	
#container {
	width: 68%;
	margin: 35% auto 2%;
	background: rgba(108,108,108,0.9);
	padding: 0.5vw 2vw 0.5vw 4vw;
	line-height: 1.2rem;
	}

#Instagram {
	float: right;
	width: 4%;
	}

.LinkBlock {display: inline-block; width: 35%}

#Hamburger {display: none;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 767px) {

BODY {background-position: center 45px;}

#container {
	margin: 55% auto 24px;
	width: 90%;
	padding: 0.5vw 4vw 0.5vw 4vw;
	}

.LinkBlock {display: inline-block; width: 90%}

#Menu {
	margin-top: -55%;
	width: 100%;
	height: 45px;
	}
	
#Menu NAV {padding: 0; text-align: center; width: 11.5%; display: inline-block;}	
#Menu NAV:hover,
.AltIcon {background: rgba(225,135,35,1.00)}
#Menu IMG {width: 60%; margin: 4px 0; cursor: pointer;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px)
and (max-device-width: 1024px) {

#container {
	margin: 37.5% auto;
	}
	
#Menu {
	margin-top: -38%;
	}

}

/* Desktops and laptops. iPad portrait ----------- */
@media only screen 
and (min-width: 1025px)
and (max-width : 1279px) {

#Menu {
	width: 60px;
	height: 360px;
	}
	
#Menu NAV {padding-top: 6px; text-align: center; width: 100%;}	
#Menu IMG {width: 36px; cursor: pointer;}

.button2 {width: 64%;}
}