/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Average+Sans|Orbitron');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/*grid-auto-rows: minmax(min-content, max-content);*/
	grid-gap: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: .95em;
	line-height: 1.2em;
	letter-spacing: .7px;
	color: black;
	/*font-weight: lighter; */
	/*background-color: #000000d9;*/
	background-color: white;
	/*border: 4px solid #cac;*/
}

.footer {
	grid-column: 1 / span 2;
	grid-row-start: 2;
}

.left_content {
	grid-column: 1 / span 1;
	/*border: 4px solid #2ac;*/
	/*margin-top:15px;
    margin-bottom: 20px;*/
	color: green;
	font-family: 'Orbitron', sans-serif;
	font-weight: bold;
	padding: 10px;
}
.right_content {
	grid-column: 2 / span 1;
	/*border: 4px solid #2ac;*/
	/*margin-top:15px;
    margin-bottom: 20px;*/
	padding: 10px;
}


img {
	color: #d6d6d6;
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	max-width: 375px;
	z-index: 10;
	/*width: auto;*/
}
hr {
	background-color: gray;
}
li {
	padding-bottom: 10px;
}

.flex {
	display: inline-flex;
}
.border {
	border: 1px solid black;
}
.box_pad {
	padding: 20px;
}

.shadow {
	-webkit-box-shadow: 5px 5px 3px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 5px 5px 3px 0 rgba(128,123,128,1);
	        box-shadow: 5px 5px 3px 0 rgba(128,123,128,1);
}

.noshadow {
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.no_underline, a.no_underline, a.no_underline:hover {
	text-decoration: none;
}

.button_img {
	box-shadow: none;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.hamburger {
	float: left;
}

.image_wrap img {
	clear: left;
	float: left;
	margin: 0 20px 20px 0;
	width: 150px;
	/*   height: 150px;*/
}

.image_wrap p {
	text-align: left;
	text-indent: 1em;
	/*font-size:96%;
    line-height:96%;*/
}
.text_purple {
	color: #f0f ;
}
.text_yellow {
	color: #0a03fe ;
}
.text_blue {
	color: #408cff ;
}
.text_green {
	color: #0f0;
}
.text_red {
	color: #f00 ;
}
.text_gray, .text_grey {
	color: gray ;
}
.text_large {
	font-size: 150%;
	color: yellow;
}
.text_normal {
	font-size: 100%;
}

.text_small {
	font-size: 80%;
}

.back_gray {
	background-color: gray;
}
.back_yellow {
	background-color: yellow;
}
.back_light_yellow {
	background-color: lightgoldenrodyellow;
	padding: 8px;
}
.back_green {
	background-color: #b6eab6;
}

blockquote {
	margin-left: 35px;
	margin-right: 35px;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	color: blue;
	line-height: 1.3;
}
h2 {
	font-size: 120%;
	color: blue;
}
h4, h5 {
	line-height: 110% !important;
}
.word_huge {
	font-size: 400%;
	margin: 5px;
	color: red;
	line-height: 50px;
}
.tinytext {
	font-size: 80%;
}
a {
	color: green;
}
a:hover {
	text-decoration: underline;
	color: blue;
}
.background_white {
	background-color: #fff;
}
.middletextbox, #middletextbox {
	grid-column: 3 / span 6;
	grid-column: 3 / span 9;
	/*margin-left: 50px;
    margin-right: 50px;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding: 15px;
	justify-content: center;
	align-items: center;
	/*position: absolute;
    top: 50%;
    left: 40%;*/
	transform: translate(-50%, -50%);
	/*font-size: 85%;*/
	/*margin-top: 10px;
    margin-left: 55px;
    margin-right: 15px;
    margin-bottom: 10px;*/
	/*   margin: 20% auto;*/
	z-index: 999;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #06f;
	color: white;
}

/*---------------------------------
    NOTICES
-----------------------------------*/

/*  NEW LOGO WITH DROPDOWN */

.welcome {
	padding-left: 20px;
	padding-bottom: 10px;
}
.row {
	display: flex;
}

.column {
	padding: 10px;
}



/*---------------------------------
    MEDIA
-----------------------------------*/

/* allows setting of certain areas to be printed */
@media print {
	body {
		margin: 0;
		color: #000 !important;
		background-color: #fff !important;
		display: block !important;
	}
	.no_print {
		display: none;
	}
}


@media screen and (max-width: 992px) {
	.left_content {
 		grid-column: 1 / span 1;
		grid-row-start:1;
	line-height: 2em;
		margin-top: 0;
		margin-bottom: 0;
	}
	.right_content {
		grid-column: 2 / span 2;
		grid-row-start: 1;
	}
	.footer {
		grid-column: 1 / span 3;
		grid-row-start: 3;
	}
	.cover_image {
		max-width: 80%;
	}
	.flex {
		display: inline;
	}
	p {
		margin-right: 5px;
	}
}
@media screen and (max-width: 600px) {

	body {
		grid-template-columns: 1fr;
	}

	.left_content {
		grid-column: 1 / span 1;
		grid-row-start:1;
		color: green;
		font-family: 'Orbitron', sans-serif;
		font-weight: bold;
		padding: 10px;
	}
	/*  header {
        color:white;
        padding-bottom: 5px;
    }*/
	.footer {
		grid-column: 1 / span 1;
		grid-row-start: 3;
	}
	.right_content {
		grid-column: 1 / span 1;
		grid-row-start: 2;
	}

	.cover_image {
		max-width: 80%;
	}
	.word_huge {
		font-size: 200% !important;
	}
}