@charset "utf-8";
@import url("webfonts/AdventPro_Regular/stylesheet.css");
@import url("webfonts/AdventPro_Extralight/stylesheet.css");
@import url("webfonts/Lato_Regular/stylesheet.css");
@import url("webfonts/AdventPro_Bold/stylesheet.css");
@import url("webfonts/Lora_Regular/stylesheet.css");

#back-img{
	background-image: url("images/1072422760.jpg");
}
#text{
	display: flex;
	line-height: 40px;
}
#text img{
	margin-right: 50px;
	position: relative;
	top: 100px;
}
#splash-title{
	position: relative;
	right: 550px;
	white-space: nowrap;
}
.button{
	font-family: "Montserrat Bold";
	border: 2.5px solid black;
	display:block;
	cursor:pointer;
	color:#000000;
	font-size:25px;
	font-weight:bold;
	padding:15px;
	text-decoration:none;
	transition: .3s all ease-out;
	text-align: center;
	margin-bottom: 20px;
}
.button:hover {
	background-color: black;
	color: white;
	transition: .3s all ease-out;
}

#two{
	margin-left: 100px;
	margin-right: 100px;
}
#three{
	margin-left: 100px;
	margin-right: 100px;
}
#four{
	margin-left: 100px;
	margin-right: 100px;
}
@media(max-width: 1190px) and (min-width:672px){
	#two{
	margin-left: 100px;
	margin-right: 100px;
}
#three{
	margin-left: 100px;
	margin-right: 100px;
}
#four{
	margin-left: 100px;
	margin-right: 100px;
}
}

/*Tablet View*/
@media ( max-width : 1060px ) and (min-width : 671px ){

}

@media (max-width: 960px){
	
}

/*Mobile View*/
@media (max-width : 840px){
		#two{
		margin-top: 50px;
	margin-left: 0px;
	margin-right: 0px;
}
#three{
	margin-left: 0px;
	margin-right: 0px;
}
#four{
	margin-left: 0px;
	margin-right: 0px;
}
}

@media(max-width:565px){
		#two{
		margin-top: 400px;
	margin-left: 0px;
	margin-right: 0px;
}
}