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

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
img, textarea{
	max-width: 100%;
}
ul li{
	list-style: none;
	color:white;
	text-shadow: 1px 1px black;
	font-family: 'Poppins', sans-serif;
}
a{
	text-decoration: none;
	color:white;
	font-size: 0.8em;
}
.clearfix::after{
	content:"";
	display:table;
	clear:both;
}

h1, h3{
	font-family: 'Bodoni Moda', serif;
}

p{
	font-family: 'Poppins', sans-serif;
}
h2{
	font-family: 'Lato', sans-serif;
}

h1, h3, p{
		color:white;
		text-shadow: 1px 1px black;
}

/*********** BACKGROUND *************/

.background{
	background:url('../img/property.jpeg') no-repeat center;
	background-size: cover;
	position: relative;
	height:800px;
}

.layer{
	background-color:rgba(69,60,204,0.6);
	/*background-color: rgba(51,51,51,0.60);*/
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********** COMING SOON **************/

.coming-soon {
	position:relative;
	width:230px;
	margin:50px auto;
	text-align: center;
	padding:7px;
	font-size: 0.85em;
}
.box{
	width:20px;
	height:20px;
	position:absolute;
}
.top{
	border-top:3px solid black;
	border-left:3px solid black;
	left:-10px;
	top:-5px;
}

.bottom{
	border-bottom:3px solid black;
	border-right:3px solid black;
	right:-10px;
	top:20px;
}



/*********** STEPHANIE LEGAL ************/
.intro{
	width:80%;
	margin:0 auto;
	text-align: center;
}
.intro h1{
	font-size: 2em;
}
.intro p, .location{
	font-size: 0.8em;
}






/*********** CONTACT & BUSINESS HOURS *********/
.contact-hours-wrapper{
	width:80%;
	margin:0 auto;
}
.contact-hours{
	width:260px;
	margin:40px auto;
}
.contact ul{
	width:100%;
	margin:0 auto;
	/*border-left:4px solid #b896d4;*/
	border-left:4px solid black;
	padding-left: 15px;
}
.contact a:hover {
	color:#291749;
	text-shadow: 1px 1px white;
}

.contact-hours h3, .hours h3{
	margin-bottom: 15px;
}
.icon{
	width:25px;
	margin-right: 5px
}

.contact img{
	position:relative;
	top:7px;
}
.location{
	position: relative;
	left:35px;
	top:-20px;
}

.hours{
	width:100%;
	margin:20px auto;
}
.hours p{
	/*border-left:4px solid #b896d4;*/
	border-left:4px solid black;
	padding:10px;
    font-size: 0.8em
}



/*************** RESPONSIVE CSS *******************/
@media(min-width: 667px){

.intro h1{
	font-size: 2.3em;
}

}



@media(min-width: 736px){
.background{
	height:1200px;
}
.coming-soon{
	width:250px;
	margin:70px auto;
	margin-top: 100px;
	font-size: 1em;
}
.bottom{
	top:25px;
}
.intro h1{
	font-size: 3em;
}
.intro p{
	font-size: 1em;
}
.contact-hours{
	margin:80px auto;
}
.contact-hours h3{
	font-size: 1.5em;
}
.contact a{
	font-size: 0.9em;
}
.location{
    font-size:0.9em;
}
.hours p{
	font-size: 0.9em;
}
.icon{
	width:30px;
}
.location{
	left:38px;
}
}

@media(min-width:1024px){
.coming-soon{
	width:320px;
	font-size: 1.2em;
	/*margin-bottom: 110px;*/
}
.bottom{
	top:30px;
}
.intro h1{
	font-size: 4.2em;
}
.contact-hours{
	width:280px;
	margin:60px auto;
}
.contact-hours h3{
	font-size: 1.9em;
}
.contact a{
	font-size: 1em;
}
.hours p{
	font-size: 1em;
}
}