body {position: relative; margin: 0 0 80px 0;}

#pagepad {margin: 20px; font-size: 1.25em; text-align: justify;}

.left {float: left;}
.right {float: right;}
.center {display: block; margin: 0 auto;}
.footerdown {font-size: 75%;}
.footerright {float: right; margin: 0 25px 0 0;}
.text60 {font-size: 60%; margin: 0 0 0 5px;}
.nospace {display: none;}
.container70 {width: 69%;}
.container30 {width: 29%;}
video {width: 90%; height: auto; margin: 20px auto 20px 50px;}
.desktophide {display: none;}

h2 {color: #a64558;}

div.form {display: block; width: 75%; margin: 0 auto;}
span.check {padding-left: 25px; width: 1.25em;}
textarea {resize: none; width: 100%; height: 6.25em; padding: 10px;}
input, textarea, select, checkbox
	{background-color: #ffffff; color: black; border:1px; border-radius:5px; box-shadow: 0px 0px 1px #000000; margin: 0 auto;}
input.w100 {width: 100%;}
radio {background-color: #ffffff; color: black;}
input {padding: 10px;}

/** Placeholder text color **/

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

.gallery {bisplay: block; margin: 0 150px;}
.grow { transition: all .9s ease-in-out; border-radius: 0; margin: 0 20px 20px 0;}
.grow:hover { transform: scale(2.75); border-radius: 0px;}


header
	{
	background: #0099FF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#2e2854, #292442); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2e2854, #292442); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2e2854, #292442); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#2e2854, #292442); /* Standard syntax */
	width: 100%;
	height: 175px;
	}


ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #292442;
	}

ul.topnav li {float: left;}

ul.topnav li a {
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 20px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 20px;
  		  -webkit-transition: all 1.0s ease;
  		     -moz-transition: all 1.0s ease;
  		       -o-transition: all 1.0s ease;
  		      -ms-transition: all 1.0s ease;
			  transition: all 1.0s ease;
	}

ul.topnav li a:hover {background-color: #75849b;}

ul.topnav li.icon {display: none;}

.three-col {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
  -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
  -moz-column-rule-style: solid; /* Firefox */
  column-rule-style: solid;
  -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px; /* Firefox */
  column-rule-width: 1px;
}

footer
	{
	position: fixed;
	background-color: #2e2854;
	width: 100%;
	bottom: 0px;
	min-height: 50px;
	color: #fff
	}

footer a {color: #fff;}

img.leftimg {float: left; margin: 15px 25px 15px 0;}
img.rightimg {float: right; margin: 15px 0 15px 25px;}

.margin10 {margin: 5px 0 0 10px;}

.clear {clear: both;}

@media screen and (max-width:680px) {
  	header {height: auto;}
  	img.banner {width: 100%; height: auto;}
  	.mnospace {display: none;}
  	.left {float: none;}
	.right {float: none;}
	.mtnospace {display: none;}
	ul.mtext85 {font-size: 85%; margin: 0 20px 10px; 0;}
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {float: left; display: inline-block;}
	img .menupad {display: block; margin: 0 0 0 15px;}
	.three-col {
	  -webkit-column-count: 1; /* Chrome, Safari, Opera */
	  -moz-column-count: 1; /* Firefox */
	  column-count: 1;
	  }
	.gallery {margin: 0 auto;}
	.grow {display: block; width: 50%; height: auto; margin: 0 auto 10px auto;}
	.grow {transition: none;}
	.grow:hover {transform: none;}
	[class*="container"] {display: block; width: 100%;}
	video {display: block; margin: 10px auto;}
	.desktophide {display: block; margin: 0 0 20px 0;}

}

@media screen and (min-width:680px) {
	li.hide {display: none;}

}

@media screen and (max-width:680px) {
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {position: absolute; left: 32px; top: 0;}
	ul.topnav.responsive li {float: none; display: inline;}
	ul.topnav.responsive li a {display: block; text-align: left;}
	ul.topnav li a:hover {background-color: #2e2854;}
}

/**MOBILE PHONES**/
@media only screen and (max-width: 480px) {
	.fontdown {font-size: 80%;}
	header {height: auto;}
	img.banner {width: 100%; height: auto;}
	.mnospace {display: none;}
	.left {float: none;}
	.right {float: none;}
	img.leftimg {display: block; float: none; margin: 0 auto 10px auto;}
	img.rightimg {display: block; float: none; margin: 0 auto;}
	ul.mtext85 {font-size: 85%; margin: 0 20px 10px; 0;}
	.footerright {float: right; margin: 0 5px 0 0; width: 25%;}
	ul.topnav li a {font-size: 16px;}
	.three-col {
	  -webkit-column-count: 1; /* Chrome, Safari, Opera */
	  -moz-column-count: 1; /* Firefox */
	  column-count: 1;
  	}
  	.grow {display: block; width: 90%; height: auto; margin: 0 auto 10px auto;}
}