html,
body {  }
@font-face {
    font-family: Stephenson;
    src: url('../fonts/Steph.ttf');
}@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Regular.ttf');
}
body {
	       font-family: OpenSans;
	font-weight: normal;
	color: #333;
}

h1 {display: block;
		   font-family: Stephenson;
	font-weight: normal;
	color: #333;
}
h2 {
	   font-family: Stephenson;
	font-weight: normal;
	color: #333;
}

.masthead { background-color: #F1F2F2;

}
.masthead .row {padding: 15px;}

.masthead_crest {
    background-color: #f1f1f1;
    display: block;
    float:left;
    margin-right: 20px;
 }
.masthead_h1 {
    margin: 0 0 0 258px;
    padding-left: 15px;
    line-height: 1.5em;
    font-size: 2em;
    padding: 25px 0 0 0;

}
.masthead_crest a { padding: 0; }

 @media screen and (max-width: 1024px) {
     .image-area {
         display: none !important;
     }



 }
.image-area {
}
.image-area img {width: 100%;}

.content {
}
.wrapper {
    background-color: #fff;
    position: relative;
    top: 40%;
     transform: translateY(40%);

}
.wrapper .container {
}
.description p { white-space: pre-wrap; }

aside img {
	margin: 0px auto 10px;
	max-width: 295px;
}


.main,
aside {
	background-color: #fff;
	display:inline;
	float: left;
}

.status { margin: 80px 0 0; }
.status a {
	text-decoration: underline;
	font-size: 1em;
}


.title { color: #259fd2; }

.footer {
	background-color: #333132;
	color: #fff;
	padding: 1em;
	text-align: center;
	width:100%;
height:100px;
padding-top: 25px;
margin-top: 250px;
}

.footer a {	color: #fff; text-decoration: underline; }

.status { margin-bottom: 1em; }

.status a {	float: right; }


@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
  .masthead_h1 {
  	width: 100%;
  	margin-left: 0;
  }
  .masthead_crest {
  float: none;
  display: block;
  }

}

@media only screen and (max-width: 767px) {
  .masthead  {background-color: #fff;}
  .masthead .row {padding: 0;}
  .masthead_h1 {
	background-color: #F1F2F2;
	line-height:2.125;
  padding: 0 0 3px 0;
  }
  .masthead_crest {float:none;display:block;}

}

@media screen and (min-width: 501px){
a#c2a{
  margin: -70px 0 0 0;
  padding: 10px 10px 10px 10px;
  background-color: #0066B3;
  color: #FFF;
  float: left;
  text-decoration: none !important;
}
a#c2a:after{
  content: "\00a0 ➔";
    width: 30px;
    height: 22px;
    right: 3px;
    color: #FFF;
}
a#c2a:hover{
  margin: -70px 40px 0 0;
  padding: 10px 10px 10px 10px;
  background-color: #1C467C;
  color: #FFF;
  float: left;
  text-decoration: none !important;
}
}

@media screen and (max-width: 500px){
a#c2a {
  margin: -50px 0 0 0;
  padding: 10px 10px 10px 10px;
  background-color: #0066B3;
  color: #FFF;
  text-decoration: none !important;
}
a#c2a:hover {
  margin: -50px 0 0 0;
  padding: 10px 10px 10px 10px;
  background-color: #1C467C;
  color: #FFF;
  text-decoration: none !important;
}
a#c2a:after{
  content: "➔";
    width: 30px;
    height: 22px;
    right: 3px;
    color: #FFF;
}
}