/*
By Carlos J Valle (c)
*/

@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900");
/* RESET ALL */
	*{
		margin:0;
		padding:0;
	}
/* RESET ALL */

/* Basic */
	body {
		font-family: Arial;
		color: #404040;
		font-size: 14px;
	}
	
	hr {
		border-top: solid 1px #888888;
		border: 0;
		margin-bottom: 10px;
	}

	blockquote {
		border-left: solid 0.5em #888888;
		font-style: italic;
		background-color: inherit;
	}
	
	blockquote.mainQuote{
		font-size: 1.6em;
	}


/* Image */

/* header */


.wrapper{
	width:100%;
}

.banner{
	display:none;
}

		/* 
		.banner:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(16, 32, 48, 0.25);
		}

		.banner > * {
			position: relative;
			z-index: 1;
		} */

	.logo {
		font-size: 18px;
		color:404040;
		font-family: impact;
	}
	.logo,a,a:hover{
		text-decoration:none;
	}

.nav{
	width:100%;
	background-color: white;
	border-bottom: #202020 solid 1px;
	font-size: 14px;
	color: #404040;
	font-weight:bold;
	padding: 10px 0px;
	
}

.nav a, a:visited{
	color: #404040;
	
}

.nav a:hover {
	color: #808080;
}

	
	.menu-button{
		padding-left: 10px;
	}
	
/* main-content */

.main-content{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-columns: minmax(200px, 29%) 1fr;
	margin:5px;
	padding: 5px;

}

.main-content a, .main-content a:visited, .main-content {
	color: #202020;
}

/* left-column */

.left-column{
	border-right: 2px solid #808080;
	font-size: 13px;
}

.left-section{
	padding: 5px;
}

.left-section h1,h2,h3,h4{
	color: #404040;
}

.left-column P{
	padding: 5px;
}

	.left-options{
	
	}
	.left-column a{
		color: #404040;
		padding: 5px;
	}
	.left-column a:hover{
		text-decoration: underline;
		color: #00798C;
	}
	.left-column ul{
		list-style-type:square;
		list-style-position: inside;
		margin-left: 5px;
	}
	

/* right-column */

.right-column{
	padding-left: 20px;
}

	.right-column a{
		color: #00798C;
	}
	
	.right-column a:hover{
		text-decoration: underline;
	}

.right-section{

}

.right-section h1,h2,h3,h4{
	color: #404040;
}

.right-section P{
	margin-bottom: 5px;
	padding-bottom: 10px;
	font-size: 14px;
	color: 404040px;
}

.tagLine{
	color: 000;
	font-style:italic;
	padding: 5px 0px 10px;
	font-size: 20px;
}


/* Footer */
.footer {
	font-size: 10px;
	color:#404040;
	padding-top: 25px;
	background-color:#E0DEDE
}

.Copyright{
	display:grid;
	place-items: center;
	font-size: 12px;
	
	padding: 5px 5px 5px;
	background-color: #E0DEDE;
}



/*   CLASSES  */
	.center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.copy .regularText{
	background-color: inherit;
	}

	.videoBox{
		padding:1px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		border: 2px solid grey;
		width: 100%;
		height: 45vh;
	}
	
.fs08{font-size:8px;}
.fs09{font-size:09px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}

.bold { font-weight:bold;}
.italic .i {font-style: italic;}
.green {color:green;}
.red {color:red;}
.purple {color:purple;}
	
	
@media only screen and (min-width: 768px ) {
	.wrapper{
		width: 600px;
		margin: 0 auto;
	}
	
	.banner {
		display:block;
		width: 100%;
		-background: #333333 url("../images/pic01.jpg") no-repeat;
		background-size: cover;
		color: #404040;
		padding: 10px 0px 10px;
		text-align: left;
		background-position: 0% 65%;
		position: relative;
		border-bottom: #808080 solid 2px;
		}
	
	
}
	
@media only screen and (min-width: 1000px ) {
	.wrapper{
		width: 1050px;
	}

}