/******************************
  Override Styles
*******************************/

html,
body {
  background:#FFFFFF;
}

td.content {
  padding:20px 5% 20px 5%;
}

td.footer {
  padding-bottom:20px;
}

div.header {
  background:#EEEFF3;
}

div.header div.logo {
  padding:10px;	
}

td.header-photo {
  height:150px;
  background-size: auto 100%;
}

div.box td.blue-box {
  padding:20px 18px 20px 18px !important	
}

/******************************
  Flip Card Styles
*******************************/

div.flip-container {
  transform-style: none;
  margin:0px 0px 20px 0px;
}

div.flip-container:hover div.back,
div.flip-container:hover div.front {
  transform: none;
}

div.flip-container,
div.flip-container div.front,
div.flip-container div.back {
  width: 100%;
  height: auto;
  display:block;
}

div.flip-container div.front,
div.flip-container div.back {
  position: relative;
}

div.flip-container div.front img:first-child {
  margin-top:20px;
}

div.flip-container p {
  margin-bottom:20px;
}

/******************************
  Font Styles
*******************************/

h1 {
  font-size: 30px;
	margin:10px 0px 20px 0px;
	padding-bottom: 25px;
}

p + h1 {
  margin-top:-30px;
}

h2 {
  font-size: 28px;
  color:#0f3677;
  text-transform:uppercase;
  margin:0px 0px 14px 0px;
}

p {
  font-size: 16px;
  padding:0px 0px 12px 0px;
}

.plain {	
  color:#FFF;
}

.plain:hover {
  color:#2FA8E5;	
}

/******************************
  Menu Styles
*******************************/

div.menu-bg {	
  width:100%;
  background:#000;
  padding:5px 0px 5px 0px;
  margin:10px 0px 0px 0px;
}

div.menu {
  position:fixed;
  left:-265px;
  width:265px;
  height:100%;
  background:#000;
  overflow-y:auto;
  z-index:999;
  transition:all 0.5s;
}

div.menu-on {
  left:0px;
  transition:all 0.75s;
}

div.content {
  width:100%;
  z-index:1;
  transition:all 0.5s;
}

div.menu-dropdown {
  max-height:0px;
  overflow-y:hidden;
  transition:all 1s ease-in-out;
}

div.menu-dropdown-on {
  max-height:325px;
  transition:all 1s ease-in-out;
}

div.menu a {
  display:block;
  border-bottom:1px solid #FFFFFF;
  padding:15px 0px 15px 20px;
  font:bold 18px/18px 'Antonio', Arial, Helvetica, sans-serif;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;
  color:#FFF;
  background-color:#000;
}

div.menu a.close {
  color:#0060BA;
  background-color:#FFF;
}

div.menu div.menu-dropdown a {
  display:block;
  border-bottom:#FFFFFF;
  padding:8px 0px 8px 30px;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#0060BA;
  background:#FFF;
}