@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {position: relative; margin: 0 auto; background-color: #dce3eb; font-family: 'Poppins', sans-serif;}
header {background-color: #591a25; width: 100%; height: 75px;}
footer {background-image: url("/images/bg/footer-bg.jpg"); background-size: cover; width: 100%; min-height: 500px;}
footer a {color: #cfcfcf;}
footer a.resource {margin: 0 0 0 25px;}

.videos-bg {background-image: url("/images/bg/videos-bg.jpg"); background-size: cover; width: 100%; height: 500px; overflow: hidden; text-align: center; color: #fff; text-shadow: 2px 2px #000;}

div.header {width: 100%; height: auto;}
div.logo {float: left; max-width: 100%; height: auto;}
div.menu {float: right; max-width: 100%; height: auto;}

nav {margin: 0 0 20px 0;}

img.logo {margin: 10px 0 0 0;}
img.videos {margin: 0 20px;}
img.center {display: block; margin: 0 auto 0 auto; width: 45%; height: auto;}

.red-text {color: #821a25; font-weight: bold;}
.body-text {margin: 0 40px; text-align: justify;}
.text125 {font-size: 125%;}
.textdown65 {font-size: 65%;}
.fax {font-size: 75%;}
.nospace {display: none;}
.form-center {display: block; margin: 0 auto; width: 75%;}

div.email a:link {text-decoration: none;}
div.email a:visited {text-decoration: none;}
div.email a:hover {text-decoration: underline;}
div.email a:active {text-decoration: underline;}

.centered75 {display: block; width: 75%; margin: 40px auto 0 auto; color: #fff;}
.left50 {float: left; width: 49%; margin: 40px auto 0 auto;}
.right50 {float: right; width: 49%; margin: 40px auto 0 auto;}

.clear {clear: both;}

/** NAVIGATION **/
ul.topnav {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #591a25;}
ul.topnav li {float: left;}
ul.topnav li a {display: inline-block; min-width: 9.375em; color: #fff; text-align: center; padding: 24px 14px; text-decoration: none; transition: 0.3s; font-size: 17px;}
li.active {display: none;}
ul.topnav li a:hover {background-color: none; color: #dacb64;}
ul.topnav li.icon {display: none;}
nav li.activepage {background-color: #4CAF50; color: #000;}

table {width: 100%; border: 1px solid #000; border-collapse: collapse; margin-bottom: 10px;}
table td, table th {border: 1px solid #000 !important; padding: 5px; text-align: center;}
fieldset {padding: 20px; margin-bottom: 15px;}
fieldset div {margin-bottom: 10px;}
legend {font-weight: bold; padding: 0 5px;}
.check {padding-left: 25px; width: 1.25em;}
textarea {resize: none; width: 90%; height: 11em; padding: 10px;}
input {width: 90%; height: auto;}
input[type=submit] {width: 6.25em; height: 2.5em;}
input, textarea, select, checkbox {background-color: #ffffff; color: black; border:1px;	border-radius: 5px; box-shadow: 0px 0px 1px #000000;}
radio {background-color: #ffffff; color: black;}
input {padding: 10px;}

/** Placeholder text color **/
::-webkit-input-placeholder
	{color: #808080;}
:-moz-placeholder
	{ /* Firefox 18- */ color: #808080;}
::-moz-placeholder
	{ /* Firefox 19+ */ color: #808080;}
:-ms-input-placeholder
	{color: #808080;}


/** Mobile Devices and Tablets **/
@media screen and (max-width: 800px) {

body {margin: 0 auto;}

header {height: auto;}
footer {height: auto;}

div.logo {float: none; width: 100%; height: auto; margin: 0;}

div.menu {float: none; width: 100%; height: auto;}

.body-text {margin: 0 10px;}
.text125 {font-size: 100%;}

img.center {display: block; width: 75%; height: auto;}

footer img {display: block; margin: 0 auto;}

img.videos {display: block; margin: 0 auto 35px auto;}
.videos-bg {background-image: none; width: 100%; height: auto; overflow: display; color: #821a25; text-shadow: 2px 2px #fff;}

.footer-text {margin: 40px 0 0 20px;}
.centered75 {width: 100%; min-height: auto;}
.left50 {float: none; width: 100%;}
.right50 {float: none; width: 100%;}

		/** NAVIGATION **/
		ul.topnav li:not(:first-child) {display: none;}
		ul.topnav li.icon {float: right; display: inline-block;}
		ul.topnav li a {text-align: left; padding: 15px; 0;}
		ul.topnav.responsive {position: relative;}
		ul.topnav.responsive li.icon {position: absolute; right: 0; top: 0;}
		ul.topnav.responsive li {float: none; display: inline;}
		ul.topnav.responsive li a {display: block; text-align: left;}
		li.active {display: initial;}
		
.check {padding-right: 0px; width: 0px;}
input {width: 95%; height: auto;}
textarea {resize: none; width: 95%; height: 6.25em;}

}