@import url('https://fonts.googleapis.com/css?family=Merriweather:700');
@import url('https://fonts.googleapis.com/css?family=Roboto');

html { font-family: 'Roboto', sans-serif; }
body { font-family: 'Roboto', sans-serif; }
a 	 {-moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; transition: all 0.2s ease-out;}


body {
	margin:0px;
	padding:0px;
	background-color:#531c6d ;
	overflow-x:scroll;
}
.row { padding-top: 10px; padding-bottom: 15px;}

.container { margin-top:40px; margin-bottom: -15px; }

.outer {
    border-radius: 30px 30px 0px 0px;
    background: #FFF;
    padding: 40px; 
}

.logo { text-align:center; padding-bottom: 40px;}
.left { padding:0; }

.vid { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.vid iframe, .vid object, .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.outer h2 {color:#531c6d; font-family: 'Merriweather', sans-serif; font-weight: 700; font-size: 1.8em; }
.outer p  {color:#666; font-family: 'Roboto', sans-serif; font-size: 1.1em; text-align: left; line-height: 1.5em; }
.outer ul {color:#666; font-family: 'Roboto', sans-serif; font-size: 1.1em; text-align: left; line-height: 1.5em; }

.outer a:link  	{color:#531c6d; font-family: 'Roboto', sans-serif; text-decoration: none; }
.outer a:visited{color:#531c6d; font-family: 'Roboto', sans-serif; text-decoration: none; }
.outer a:hover  {color:#6fb708; font-family: 'Roboto', sans-serif; text-decoration: none; }
.outer a:active {color:#531c6d; font-family: 'Roboto', sans-serif; text-decoration: none; }

h2.hchc { color: #58595b; }
h2.hmsc { color: #6e6f71; }
h2.hism { color: #00435b; }
h2.hstc { color: #97989a; }
h2.hdsc { color: #000000; }
h2.hsip { color: #003d7e; }


@media (max-width: 750px) { 
	.container{ margin-top:20px; }
	.outer h2 { font-size: 1.7em;}
	.logo 	  {  margin: 0 auto; padding-bottom: 30px;}
}
@media (max-width: 500px) { 
	.container{ margin-top:10px; }
	.outer 	  { padding: 20px; }
	.outer h2 { font-size: 1.5em;}
	.outer ul { margin-left: -20px;}
	.logo 	  {  width: 78%; padding-bottom: 20px;}
}


.footer { color:#FFF; margin-bottom: 20px;}
.footer a:link    { color:#FFF; text-decoration: none; margin-left: 7px; margin-right: 7px;}
.footer a:visited { color:#FFF; text-decoration: none; margin-left: 7px; margin-right: 7px;}
.footer a:hover   { color:#09b9e2; text-decoration: none; margin-left: 7px; margin-right: 7px;}
.footer a:active  { color:#FFF; text-decoration: none; margin-left: 7px; margin-right: 7px;}

#map   {max-height:500px; width:100%; position: relative; margin: 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 21px; }

@media (max-width: 1920px) { #map { height:500px;} }
@media (max-width: 1720px) { #map { height:450px;} }
@media (max-width: 1520px) { #map { height:400px;} }
@media (max-width: 1320px) { #map { height:350px;} }
@media (max-width: 1120px) { #map { height:300px;} }
@media (max-width: 920px)  { #map { height:250px;} }