body{
	
}

header{
	height: 50px;
	background-color: white;
	border-bottom: 1px solid rgba(0,0,0,.5);
	
	
}


header h1{
	color: white;
	color: #423E3A;
	font-family: 'Cinzel', serif;
	font-size: 20px;
	padding-top: 15px;
	float: left;
	margin-left: 20px;
}

#menu_icon_div{
	float: right;
	background-color: #423E3A;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

#menu_icon_div img{
	margin-top: 9px;
}

#menu_div{
	background-color: #423E3A;
	color: white;
	width: 100%;
	text-align: center;
	display: none;
}

#menu_div p{
	color: white;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
	width: 100%;
	padding-top: 5px;
}

#menu_options_div{
	display: none;
}

#verse_div{
	height: 250px; 
	background-image: url("images/beach.JPG");
	background-size: no-repeat;
	background-size: 100% 250px;
    
}

#verse_div h3{
	color: #423E3A;
	font-weight: bold;
	color: white;
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 17.5px;
	padding-top: 35px;
	margin-bottom: 45px;
}

#verse_div p{
	line-height: 20px;
	color: #423E3A;
	color: white;
	text-align: center;
}

#welcome_div{
	padding-top: 20px;
	width: 90%;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
}

#welcome_div h3{
	color: #423E3A;
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 17.5px;
	padding-bottom: 10px;
}

#welcome_div p{
	line-height: 20px;
	color: #423E3A;
	text-align: center;
}

.index_div{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #423E3A;
	
}

.index_div h3{
	color: #423E3A;
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 17.5px;
	padding-bottom: 10px;
}

#web_dev_paragraph, #seo_div_paragraph, #database_div_paragraph, #app_dev_paragraph{
	display: none;
}

.index_div p{
	width: 90%;
	margin: auto;
	text-align: center;
	line-height: 20px;
	color: #423E3A;	
}

.mySlide{
	display: none;
	width: 100%;
	height: 250px;
}

#facebook_image{
	margin-top: 20px;
	height: 35px;
	width: 35px;
	margin-left: 30%;
	border: 2px solid white;
	border-radius: 10px;
}

#insta_image{
	margin-top: 20px;
	float: right;
	height: 35px;
	background-color: white;
	width: 35px;
	margin-right: 30%;
	border: 2px solid white;
	border-radius: 10px;
}

footer{
	height: 75px;
	background-color: #101010;
	margin-top: 25px;
}

@media screen and (min-width: 600px){
	
	#menu_icon_div{
		display: none;
	}	
	
	#menu_options_div{
		display: block;
		width: 60%;
		float: right;
		height: 50px;
	}
	
	#menu_options_div a {
		color: #423E3A;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		width: 33%;
		float: left;
	}
	
	#verse_div p{
		width: 50%;
		margin: auto;
	}
	
	#welcome_div p{
		width: 50%;
		margin: auto;
	}
	
	.index_div{
		width: 75%;
		margin: auto;
		margin-top: 10px;
	}
	
	.index_div p{
		width: 50%;
		margin: auto;
	}
	
	#web_dev_div{
		width: 40%;
		float: left;
		margin-left: 5%;
		position: relative;
		height: 250px;
		margin-bottom: 20px;
	}
	
	#seo{
		width: 40%;
		margin-left: 5%;
		float: left;
		position: relative;
		height: 250px;
		margin-bottom: 20px;
	}
	
	#database_managment{
		width: 40%;
		float: left;
		margin-left: 5%;
		height: 250px;
	}
	
	#app_dev{
		width: 40%;
		margin-left: 5%;
		float: left;
		position: relative;
		height: 250px;
	}
	
	#web_dev_paragraph, #seo_div_paragraph, #database_div_paragraph, #app_dev_paragraph{
		display: block;
	}
	
	
	#facebook_image{
		margin-left: 45%;
	}
	
	#insta_image{
		margin-right: 45%;
	}
	
	footer{
		float: right;
		width: 100%;
	}
	
}