body{
    width:800px;
    margin:auto;
    font-family: 'Open Sans', sans-serif;
}






.header{
    background-color: #007F7F;
    padding-left:20px;
    padding-right:20px;
    color: white;
    padding-bottom:50px;
    padding-top: 30px;
	
}

.header-title{
	color:white;
	
}
.nav{
    background-color: #8CC5C5;
    padding-left: 20px;
    padding-right:20px;
    padding-top:14px;
    padding-bottom:5px;
    border-bottom-style:solid;
    border-bottom-color: #007F7F;
    border-bottom-width: 10px;
    height: 40px;
		
    
}




.nav-item{
    margin-right:10px;
    color:white;
    font-size: 20px;
		padding-bottom:14px

}

a{text-decoration: none}

.content-block{
    padding-left:20px;
    background-color: #8CC5C5;
    color:white;
    padding-top:20px;
    padding-bottom:60px;
    padding-right: 35px;
		
  


}

.content-block-text{
    font-size:24px
}
.content-block-header{
    font-size: 48px;
    margin-bottom:20px;
    
}

.simg{
	object-fit:cover;
	margin-left: 0px;
}

.content-block-slideshow{
	display:flex;
	flex-direction:row;
	overflow-x:hidden;
	height:400px;
	width: 100%;
	margin-top:30px
}



.footer{
    display:flex;
    flex-direction:row;
	
   

}

.footer-child{
    
    text-align:center;
    padding-top: 20px;
    background-color: #007F7F;
    color:white;
    width:50%;
    padding-bottom:40px;
    font-size: 24px;
    padding-top:30px;
}

.bottom{
    text-align:center;
    background-color: #007F7F;
    color:white;
    font-size:24px;
    padding-bottom:20px


}

.bottom-child{
    padding-left:15px;
    padding-right:15px;
		color:white
}

@media only screen and (max-width: 600px) {
	
	.nav{
		display:flex;
		flex-direction: column;
		overflow-y:hidden;
		min-height: 210px
	}
	.footer{
		display:flex;
		flex-direction:column
	}
	
	.footer-child{
		width:100%
	}
	
	
	body{
		width:100%
	}

	}
	.active{
		color:#007F7F
	}
	
	
}

@media only screen and (min-width: 600px) {
	.active{
	border-bottom-color: #007F7F;
	border-bottom-style: solid
}
}

a{text-decoration: none}