@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	box-sizing: border-box;
	background-image: url("Backgrounds/BKGRND3a.jpg");
	background-position:top, left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.wrapper{
	position:absolute;
	top:0;
	left: 0;
	width:100%;
}

.socialmedia{
	position:fixed;
	top:10px;
	right:1%;
	width:8%;
	z-index: 9999;
	text-align:right;
	border:none;
}

.socialmedia img{
	width:12%;
	margin: 0 10px 0 10px;
}

.logo{
	position:fixed;
	top:5px;
	left:2%;
	width:6%;
	z-index: 9999;
}

.header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 120px;
	background-image: url("Backgrounds/BKGRND3a.jpg");
	background-position:top, left;;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	text-align:center;
	z-index: 9998;
	border-bottom: .25px solid #EFEFEF;	 
}

.menu{
	position:relative;
	margin:45px 35%;
	width:45%;
	display: flex;
	justify-content: space-between;
	 
}

.menu a{
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	width:200px;
	text-decoration: none;
	transition: all .4s ease; 
	border: .25px solid transparent;
}

.menu a:hover{
	border:.25px solid white;
}

 
 
 
.tagline{
	position:absolute;
	top:200px;
	left:3%;
	width:35%;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.5em;
	color:#FFFFFF;
	z-index: 9997;
}

.tagline a:link{text-decoration:none;}

.background{
	position:relative;
	margin:0 0;
	width:100%;	
}

.orderbtn{
	position:relative;
	margin:20px 13%;
	width:40%;
	text-align:center;
	padding:10px;
	background-color:#FFFFFF;
	text-decoration:none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	color:#333333;
	border:1px solid #333333;
	transition: all .6s ease;
}

.orderbtn:hover{
	background:#333;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

.content{
	position:relative;
	margin:40px auto;
	width:100%;
	display: block;
	background-color:transparent;
	text-align: center;
	padding-bottom: 350px;
}

.content a:link{text-decoration: none;}

.content H1{
	font-family: 'Source Serif Pro', serif;
	font-size: 3.5em;
	font-weight:400;
	color:#FFFFFF;
}

.content H2{
	font-family: 'Source Serif Pro', serif;
	font-size: 2.5em;
	font-weight:400;
	color:#FFFFFF;
}

.content H3{
	font-family: 'Source Serif Pro', serif;
	font-size: 1.5em;
	font-weight:400;
	color:#FFFFFF;
}


.flexarea{
	position:relative;
	margin:50px auto;
	width:80%;
	display: flex;
	justify-content: space-between;
}

.Lbox{
	flex-basis:40%;
	font-family: 'Quicksand', sans-serif;
	color:#FFFFFF;
	font-size: 1em;
}

.Rbox{
	flex-basis: 47%;
	font-family: 'Quicksand', sans-serif;
	color:#FFFFFF;
	font-size: 1em;
}

.orderbtn2{
	position:relative;
	margin:20px 8%;
	width:30%;
	padding:8px;
	background-color:#FFFFFF;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	color:#333333;
	font-weight:600;
	border:.25px solid white;
	transition: all .6s ease;
	display: inline-block;
}

.orderbtn2:hover{
	background:#333333;
	color:#FFFFFF;
	border: .25px solid white;
}

.box{flex-basis: 20%;}

.homegallery{
	position:relative;
	margin:100px auto;
	width:90%;
    padding:1em;
	column-count: 4;
}

.homegallery img{
	width:100%;
	margin-bottom:1em;
	transition:all .5s ease;
	cursor:pointer;
	border:.5px solid white;
}

.homegallery img:hover{
	border:.5px solid white;
	transform:scale(1.05);
}


.footer{
	position:relative;
	margin:-150px auto;
	width:100%;
	height:200px;
	text-align:center;
	border-top:2px solid #6B6868;
	background-image: url("Backgrounds/BKGRND2a.jpg");
	background-position: top,right;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer a:link{
	text-decoration:none;
	color:#888888;
	font-weight: 600;
	font-size:.9em;
}

.footertext{
	position:relative;
	margin:20px auto;
	width:90%;
	font-family: 'Quicksand', sans-serif;
	color:#EFEFEF;
	font-size:.9em;
}

.mobbkgrnd{display: none;}









@media screen and (max-width:1366px){
.menu{
	position:relative;
	margin:50px 30%;
	width:60%;
	display: flex;
	justify-content: space-between;	 
}

.menu a{width:180px;}

.tagline{font-size:1.2em;}
.content h1{font-size:2.5em;}
	.content h3{font-size:1.1em;}	
	
.flexarea{width:96%;}
.Rbox{flex-basis:50%;}
 	


}

@media screen and (max-width:1280px){
.menu a{width:160px;}	
	
	
	
}


@media screen and (max-width:960px){
	
.logo{
	position:fixed;
	top:1px;
	left:2%;
	width:50%;
	z-index: 9999;
	 
}
	
.menu{display: none;}
	 
	
.socialmedia{display: none;}


.background{display: none;}
.mobbkgrnd{
	position:relative;
	margin:100px auto;
	width:100%;
	display:block;
}
	
.tagline{
	position:absolute;
	top:200px;
	left:3%;
	width:75%;
	font-family: 'Source Serif Pro', serif;
	font-size: 1em;
	color:#FFFFFF;
	z-index: 9997;
}
	
.header{display: block; position:fixed;}
	.content{width:90%;}
.content H1{
	font-family: 'Source Serif Pro', serif;
	font-size: 2.5em;
	font-weight:400;
	color:#FFFFFF;
}
	
	
.flexarea{
	flex-direction: column;
	width:100%;

}

.Lbox{flex-basis:90%;}
.Rbox{flex-basis:90%;}
	
.homegallery{
	position:relative;
	margin:100px auto;
	width:90%;
    padding:1em;
	column-count: 2;
}
	
	.footer{display: block;}
	
	#sidebar{
		position:fixed;
		background:#333333;
		width:100%;
		top:80px;
		opacity:.90;
		right:-100%;
		height:100%;
		display:block;
		transition: right 0.3s linear;
		z-index: 99999999999;		
	}
	
	#sidebar.visible{
		right:0;
		transition: right 0.3s linear;		
	}
	
	#sidebar-btn{
		display:inline-block;
		vertical-align:middle;
		width:40px;
		height:15px;
		cursor:pointer;
		margin:20px;
		position:fixed;
		top:0;
		right:60px;
	}
	
	#sidebar-btn h2{
		font-family:'Quicksand', sans-serif;
	    font-size:1.1em;
	    color:#FFFFFF;
	    font-weight:800;
	}
	
	#sidebar-btn span{
		height:3px;
		background:#5787ab;
		margin-bottom:5px;
		display:block;
	}
	
	#sidebar-btn span:nth-child(2){width:75%;}
	#sidebar-btn span:nth-child(3){width:50%;}
			
	ul{margin:0; padding:0; text-align:center;}
		
	ul li{
	  list-style:none;
	  padding-top:10px;
}
			
	ul li a{
	  font-family:'Quicksand', sans-serif;
	  font-size:1em;
	  font-weight:700;
	  color:#FFFFFF;
	  border-bottom:1px solid #333333;
      display: block;
	  width:100%;
	  padding:10px;
	  text-decoration:none;
	  
}
	
	
 	
}