@import url("semantic.min.css");
#main-banner {
	background-image: url('../images/banner_back.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: inherit;
	min-height: 700px;
}
#main-banner h1.ui.header{
	margin-top: 5em; /* 9em will center it*/
}
#splash{ 
	background:rgba(66,244,235,0.3); 
	border-radius: 25px;
	padding-bottom: 5px; 
}
a.brown{
	color: #A5673F;
}
a.brown:hover{
	color: #975b33!important
}
.blue-shadow{
	text-shadow: 2px 2px 0px rgb(66, 134, 244);
}

.attached.header.brown-border{
	border-bottom: medium solid rgb(165, 103, 63);
}
#mobile-menu{
	margin-top: 4.5rem;
}
.bg1 {
	background-image: url('../images/bg1.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#coming-soon{
	position: absolute;
	top:30%;
	left:50%;
	transform: translate(-50%, -50%);
}
#coming-soon h1{
	margin-top: 0px;
	font-size: 4em;
	font-family: 'Asset';
	color: rgb(90,77,66);
	-webkit-transform:scale(1.5,1); /* Safari and Chrome */
    -moz-transform:scale(1.5,1); /* Firefox */
    -ms-transform:scale(1.5,1); /* IE 9 */
    -o-transform:scale(1.5,1); /* Opera */
    transform:scale(1.5,1);
}