/*
     Author: RJG
	Date: 3/22/2022
	File: Yoga.css
	Desc: Main stlye sheet for Yoga Website
*/

	* {
	box-sizing: border-box;
	}

	
	body {
    	background-color: #87B5FF;
		color: #000000;
		font-family: Verdana, Arial, sans-serif;
		min-width: 600px;
		max-width: 1600px;
		margin: 0;
		}
	
	#wrapper {
		background-color: #87B5FF; 
		padding: 1em;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		} 
	
	header {
		background-image: url(images/background.jpg);
		background-size: 100% 100%;
		background-color: #D0E2FF;
		color: #FFFFFF;
		margin-top: 50px;
		height: 500px;
		padding-left: 2em;
		font-size: 20px;
		
		}
		
	.home {
		height: 50vh;
		padding-top: 6em;
		padding-left: 8em;
		font-size: 120%;
		min-height: 300px;
	}	
	
	.content {
		height: 250px;
		padding-top: 2em;
		padding-left: 8em;
		padding-bottom: 2em;
	}	
	
	.contact {
		text-align: center;
		padding-top: 2em;
	}
	
	nav {
		text-align: center;
		background-color: white;
		margin: 0;
		padding-top: 0.5em;
		padding-bottom: 1em;
		padding-right: 1em;
		padding-left: 2em;
	}
	
	nav a {
		text-decoration: none;
	}
	
	nav li {
		display: inline-block;
		padding-left: 2em;
	}
	
	#comountains2 {
		height: 300px;
		background-image: url(images/comountains.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		clear: right;
		clear: left;
	}
	
	#coloradomountains {
		height: 300px;
		background-image: url(images/comountains.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		clear: right;
		clear: left;
	}
		
	h2 {
		margin: 0;
		text-align: center;
		padding-top: 1em;
		padding-bottom: 1em;
	}	
	
	ul {
		list-style-type: none;
		margin: 0;
		padding-right: 2em;
		font-size: 1.2em;
	}
		
	li {
		font-size: 90%;
	}
	
	dd {
		font-size: 90%;
	}
	
	a:link {
		color: #265AAD	
	}
	
	a:visited {
		color: #265AAD
	}
	
	a:hover {
		color: #265AAD
	}
	
	link {
		text-decoration: none;
		color: #FFFFFF	
	}
	
	visited {
		text-decoration: none;
		color: #FFFFFF	
	}
	
	hover {
		text-decoration: none;
		color: #EDF5F5
	}
	
	.onethird {
		float: left;
		width: 33%;
		padding-left: 2em;
		padding-right: 2em;
		text-align: center;
	}
	
	.onehalf {
		float: left;
		width: 50%;
		padding-left: 2em;
		padding-right: 2em;
		text-align: center;
	}
	
	.coveragemap {
		float: right;
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.citywelcome {
		float: left;
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.aboutus {
		text-align: center;
	}
	
	table {
		border: 1px solid;
	}
	
	th {
		border: 1px solid;
	}
	
	td  {
		border: 1px solid;
	}
	
	.form {
		text-align: center;
		padding-top: 2em;
	}
	
	.center {
		margin-left: auto;
		margin-right: auto;
	}
		
	footer {
		text-align: center;
		font-style: italic;
		font-size: small;
		padding-top: 2em;
		clear: right;
	}