.title{

    position:relative;

    left: 0;

    right: 0;

	

}

.menu{

    position:absolute;

    z-index: 2;

    left: 0;

	right: 0;

	font-family: 'Montserrat', sans-serif;

}



nav {

	font-family: 'Montserrat', sans-serif;

	color: black;

}



a {

	font-family: 'Montserrat', sans-serif;

	color: black;

}



.body-bg{

	position: relative;

	top: 0;

  right: 0;

  bottom: 0;

  left: 0;



  margin: auto;

	z-index: 1;

}



#pic-text{

	margin: auto;

	left: 50%;

    transform: translate(-50%, 0);

	height: auto;

	margin-top: -59%; 

	float:left; 

	z-index: 2; 

	width: 50%;

	position:relative;

}

.service-box {
	background: white;
	display: flex;
	justify-content: center;
	color: black;
	padding: 20px;
	height: 60px;
	border-radius: 25px;
	align-items: center;
	text-decoration: none;
	font-size: 22px;
}



#pic{

	float: left;

	margin-right: 10px;

	width: 50%;

}





#slideshow { 

    margin-top: -50%; 

    position: relative; 

    width: 90%; 

    height: 90%; 

    padding: 0px; 

    box-shadow: 0 0 0px rgba(0,0,0,0.4); 

}



#slideshow > div { 

    position: absolute; 

    top: 10px; 

    left: 10px; 

    right: 10px; 

    bottom: 10px; 

}











.imgcaption {

    clear: left;

    display:block;

	width: 45%;

	padding: 15px;

	float:left;

}



#pic-text img{

    float:left;

	margin: 10px;

}



ul {

	margin-left: -25px;

	list-style-type: none;

}



ul li{

	display: inline;

	margin-right: 15px;

	margin-bottom: 15px;

}



/*mobiles*/

@media screen and (max-width: 480px){



.burger-nav{

	margin-top: 15px;

	margin-bottom: -15px;

	display: block;

	height: 30px;

	width: 100%;

	background: url(burger.jpg) no-repeat 50% center;

	background-color: #ffffff

	cursor: pointer;

}



header .wrapper{

	width: 100%;

}



header nav ul{

	overflow: hidden;

	height: 0;

}



header nav ul.open{

	height: auto;

}



header nav ul li{

	padding: 10px;

	float: center;

	text-align: left;

	width: 100%;

	margin: 20px;

}



header nav ul li a{

	color:rgb(0, 0, 0);

	padding: 0px;

	border-bottom: 1px solid #404040;

	width: 85%;

	display: block;

	margin: 0;

}



#featured li{

	width: 92%;

}



}



body {

    display: block;

    margin: 8px;

}





footer{

    display: block;

    text-align: center;

    bottom:0;

    width: 100%;

    height: 30px;

    position: relative;

	clear:both;

	z-index: 2;

}



/*desktop*/

@media screen and (min-width: 480px) {



.body-bg{

	position: absolute;

	top: 380;

  right: 0;

  bottom: 0;

  left: 0;



  margin: auto;

	

	

	

}







#pic-text{

	margin: auto;

	left: 50%;

    transform: translate(-50%, 0);



}



.imgcaption {

    clear: left;

    display:block;

	width: 45%;

	padding: 15px;

	float:left;

}



#pic-text img{

    float:left;

	margin: 10px;

}







footer{

    display: block;

    text-align: center;

    bottom:0;

    width: 100%;

    height: 30px;

    position: relative;

	clear:both;

	z-index: 2;

}



/*tablets*/

@media screen and (max-width: 768px){



#featured li{

	width: 45%;

}



}