@charset "utf-8";

/******
/-----------------
	 Stylesheet V.1.0
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2014
	--------------------------/
	CSS Reset	**/
html,body,div,header,footer,nav,menu,section,figure,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;outline:none}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
sup,sub{line-height:50%}
@font-face {
    font-family: 'booterFZ';
    src: url('fonts/booterfz.eot');
    src: url('fonts/booterfz.eot') format('embedded-opentype'),
         url('fonts/booterfz.woff') format('woff'),
         url('fonts/booterfz.ttf') format('truetype'),
         url('fonts/booterfz.svg#BooterFiveZeroRegular') format('svg');
}
@font-face {
    font-family: 'booterZZ';
    src: url('fonts/booterzz-webfont.eot');
    src: url('fonts/booterzz-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/booterzz-webfont.woff') format('woff'),
         url('fonts/booterzz-webfont.ttf') format('truetype'),
         url('fonts/booterzz-webfont.svg#booter_-_zero_zeroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'base_02';
    src: url('fonts/base_02-webfont.eot');
    src: url('fonts/base_02-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/base_02-webfont.woff') format('woff'),
         url('fonts/base_02-webfont.ttf') format('truetype'),
         url('fonts/base_02-webfont.svg#base_02regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Army';
    src: url('fonts/army.eot');
    src: url('fonts/army.eot') format('embedded-opentype'),
         url('fonts/army.woff') format('woff'),
         url('fonts/army.ttf') format('truetype'),
         url('fonts/army.svg#ArmyRegular') format('svg');
}
@font-face {
    font-family: 'MProS';
    src: url('fonts/myriadprosemibold.eot');
    src: url('fonts/myriadprosemibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadprosemibold.woff') format('woff'),
         url('fonts/myriadprosemibold.ttf') format('truetype'),
         url('fonts/myriadprosemibold.svg#myriadprosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**	---------
	Starts	**/
body{background:#ffffff repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000}
h1{padding:0 0 20px;font:normal normal 35px 'MProS';letter-spacing:1px;color:#6595d3}
h2{margin:10px 0;text-align:center;font:normal normal 25px/41px 'MProS';color:#fff;background:url(../images/h2_bg.jpg);text-transform:uppercase}
  h2 a{color:#fff}
h3{padding:15px 0 10px;font-size:30px; font-family:'MProS';color:#6595d3;text-transform:uppercase;font-weight:bold; line-height:30px;}
h4{padding:10px 0 5px;font:normal normal 16px 'MProS';color:#6595d3}
hr{height:1px;margin:15px 0;border:none;border-top:1px solid #DBC6A1}
.container{position:relative;width:1050px;margin:0px auto;z-index:2}
/*header{height:152px;background:url(../images/header.jpg) top center repeat-x}*/
header{height:152px;}
  header .container{height:152px}
  header .logo{margin:5px 0 0 -55px;float:left; max-width: 310px;}
  header .fact{width:500px;height:100px;margin:0 0 0 0;padding:15px 15px 0;float:right;color:#000;font:bold normal 16px/16px 'Roboto';}
header .fact span{font-size:20px}
    header .fact strong{color:#ffbb00}
  header .donate{position:absolute;right:0;bottom:5px}
    header .donate .d:hover{border-radius:5px;box-shadow:0 0 15px #fff}
#donate-image{width:auto;height:auto}
nav{height:40px;color:#fff;position:relative;z-index:100}
    nav ul{position:absolute;top:0;left:0;z-index:100}nav li{position:relative;font-size:13px;text-shadow:1px 1px 0 #222;text-transform:uppercase;float:left}
      nav ul ul{display:none;position:absolute;top:40px;left:0;width:200px;background:#4d4e53;z-index:1000}nav li:hover ul{display:block}nav li:hover ul ul{display:none}nav ul ul li:hover ul{display:block}
        nav ul ul li{border-top:1px solid #4d4e53;float:none}nav ul ul li:first-child{border:none}
          nav ul ul a{line-height:normal;padding:10px 12px;color:#fff}nav ul ul a:hover{background:#6595d3}
        nav ul ul ul{left:200px;top:0;background:#4d4e53}
          nav ul ul ul li{border-color:#444}
            nav ul ul ul a:hover{background:#6595d3}
    nav li a,nav .nav_resp{display:block;padding:0 10px 5px;line-height:40px;color:#ffffff}
      nav li a:hover,nav .nav_resp:hover{color:#fff;
        background: #4d4e53; /* Old browsers */
        background: -moz-linear-gradient(top,  #4d4e53 0%, #4d4e53 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4e53), color-stop(100%,#4d4e53)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #4d4e53 0%,#4d4e53 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #4d4e53 0%,#4d4e53 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #4d4e53 0%,#4d4e53 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #4d4e53 0%,#4d4e53 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4e53', endColorstr='#4d4e53',GradientType=0 ); /* IE6-9 */
      }
    nav img{padding:7px 3px 0}
    nav .nav_resp{display:none}
#banner{width:100%;height:376px;overflow:hidden;}
#banner,#banner .yeOverflow{
  background: #41797d;
  background: -moz-linear-gradient(top,  #41797d 0%, #87aa40 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41797d), color-stop(100%,#87aa40));
  background: -webkit-linear-gradient(top,  #41797d 0%,#87aa40 100%);
  background: -o-linear-gradient(top,  #41797d 0%,#87aa40 100%);
  background: -ms-linear-gradient(top,  #41797d 0%,#87aa40 100%);
  background: linear-gradient(to bottom,  #41797d 0%,#87aa40 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41797d', endColorstr='#87aa40',GradientType=0 );
}
  #banner img{display:block;margin-left:-320px}
  #banner h1,#banner .ye_caption_text{position:absolute;left:5px;top:50px!important;width:490px!important;color:#d0b68c;transform:rotate(-3deg);padding:0 0 20px;font:normal normal 35px/45px 'base_02'!important;letter-spacing:1px;}
    #banner h1 strong,#banner .ye_caption_text strong{color:#ffa301;font-weight:normal}
  #banner .full-width{width:1640px!important;margin-left:-320px}
  #banner .yeSlider,#banner .yeOverflow{height:376px!important}
  #banner .yeOverflow{width:100%!important}
  #banner .yeImg{left:0!important;width:auto!important;height:auto!important;margin:0 auto!important}
#content{padding:30px;line-height:18px;background:#ffffff}#home #content{background:none;padding:30px 0}
  #content img{border:5px solid #ceb68a}
  .item-page ul{margin-left:10px;padding:10px;list-style:square}
    item-page li{padding:4px}
  .social-share-button-mod{margin-top:20px}
  #actions{margin:30px -30px;padding:10px 0;border-top:4px solid #CDB489;clear:both}#home #actions{margin:0;padding:0;border:none}
    #actions div{width:320px;margin-left:20px;float:left}#actions div:first-child{margin:0}
      #actions div.newsflash{margin-left:0;width:auto;float:none}
      #actions div.newsflash h4{margin:-10px 0 0;padding:0;font-size:14px}
    #actions iframe{width:100%;max-height:230px;margin:-5px 0 0 -20px;border:none;}
    #actions img{margin-bottom:10px}
    #actions .readmore{color:#1B5300;text-decoration:underline}
#quote-bottom{/*height:98px;*/padding:15px;background:url(../images/quote-bottom.jpg);color:#fff;font:normal normal 18px/24px 'MProS'}
footer{height:113px;margin-top:30px;padding:40px 0 0;background:url(../images/footer.gif)}
  footer img{padding:0 10px}footer .left img{padding:8px 5px}
  footer a{color:#333}

.pagination{text-align:center}
.pagination-list li{display:inline-block;margin:5px 3px 0;}.pagination-list li.disabled{display:none;}
.pagination-list li a{display:block;padding:5px;border:1px solid #4F9200;color:#4F9200;}.pagination-list li a:hover{background:#4F9200;color:#fff;}.pagination-list li a[title="Next"],.pagination-list li a[title="End"]{display:none;}

/**	---------
	Class Declarations	**/
.left{float:left;}.right{float:right;}.clear{clear:both;}

.quote{width:278px;margin:0 0 0 30px;padding:20px;color:#fff;font:normal normal 18px/24px 'MProS';background:url(../images/quote.jpg);border-radius:5px;float:right}
  .quote strong,#quote-bottom strong{font-weight:normal;color:#6595d3}
  .quote h4{color:#fff}
  
.highlight{padding:20px 0 20px 20px;font:normal bold 20px/20px 'MProS';color:#6595d3; line-height:25px;}

table.stats td{padding:10px;background:#D9C59F;border:5px solid #EEE1C5;border-radius:20px}

.blog h2{background:none;padding:10px 0 0;margin-bottom:10px;border-bottom:1px solid #4F9200;}
  .blog h2 a{color:#4d4e53}
.readmore a{display:block;margin:10px 0;padding:5px 10px;background:#CFB78C;border-radius:5px;color:#111;text-align:right;}.readmore a:hover{background:#3A3128;color:#fff}

/**   Form Stylings   **/
.contact .jicons-icons,.contact h3{display:none}
.contact fieldset{width:48%;margin-right:30px;background:#CFB78C;border:none;float:left;}
.contact legend{background:#CFB78C;border:none}
.contact label{font-size:12px;color:#000}
.contact textarea{height:120px}
/*.contact .contact-address{padding:15px 0;margin:0 0 10px;border-bottom:2px solid #CEB589}
.contact .contact-address dt{display:none}
.contact .contact-address dd{width:49%;display:inline-block;font:normal bold 18px Arial}*/
span.contactopen{display:block;margin:10px 0px;padding:10px;background:#0078C1 url(../images/footer_bg.gif);color:#fff;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;
     border-radius:10px
}span.contactopen:hover{background:#666}
label{display:inline-block;float:left;height:26px;line-height:26px;width:130px;font-size:14px;font-weight:bold;color:#384F6F}
input,textarea,select{width:300px;margin:0;padding:5px;color:#666;background:#f5f5f5;border:1px solid #ccc;margin:5px 0;font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }
    input#contactus{width:auto}
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit{cursor: pointer; border: 1px solid #222; background:#333; color:#fff;border-radius:5px}
input.submit:hover{background:#444;}
    #recaptcha_area input#recaptcha_response_field{top:22px;left:0px}
    input[type="checkbox"]{width:auto}
fieldset{width:90%;margin:10px;padding:20px;border:1px solid #ccc;border-radius:5px}
legend{padding:7px 10px;font-weight:bold;color:#000;border:1px solid #eee;border-radius:5px}
#recaptcha_widget_div{float:left}
span.required{ font-size: 13px; color: #ff0000; } 
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../includes/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; border-radius:5px }
#success_page{margin:10px 0px;padding:10px;background:#d4ffcd;
    border-radius:10px
}#success_page h1{background: url('../includes/assets/success.gif') left no-repeat;margin-bottom:0px;padding-left:22px;font-size:14px;border:none;}

/* =============================================================================
   Media Queries
   ========================================================================== */
   
@media screen and (max-width: 1000px) {
  .container{width:auto}
  header .logo{width:40%;margin-left:-5px}
  header .fact{width:48%;margin-right:0;padding:15px 2% 0;font-size:16px;}
    header .fact span{font-size:16px}
  nav li a{padding:0 9px 5px}
  #banner h1, #banner .ye_caption_text{width:470px!important;padding-left:10px!important}
  #home #content{padding:30px 10px}
  #actions > div{width:32.5%;margin-left:1%}
    #actions h2{font-size:20px}
    #actions img{width:96%}
}
@media screen and (max-width: 800px) {
  header .logo{display:block;width:40%;margin-left: 5px; margin-top: 20px;float:none}
  header .fact{display:none}
  nav ul{display:none;position:aboslute;top:40px;left:0;width:100%;text-align:center;background:#231A13;z-index:2000}
    nav li{float:none}nav li:hover ul{display:none}
    nav ul ul{position:static;width:auto}
  nav .nav_resp{display:block;font-size:13px;cursor:pointer}
  #actions h2{padding:10px 0;background:none;line-height:normal;color:#2F261D}
}
@media screen and (max-width: 600px) {
  header .logo{width:40%;height:auto; margin-left: 5px; margin-top: 20px; float: none;}
  header .donate a img{width:30%;height:auto}header .donate a:first-child img{width:65%;height:auto}
  #donate-image{width:60%;height:auto}
  #banner{display:none}
  #home #content{background:#ffffff}
  #content img{max-width:96%}
  #content td{display:block;width:auto!important}
  #content .quote{width:auto;margin:10px 0;background-size:100% 100%}
  #actions > div{width:auto;float:none}
  footer{height:auto}
    /*footer .left,footer .right{float:none}*/
}

/*************
* CUSTOM STYLING
**************/

/* Body fix for wider banner */
body {
  overflow-x: hidden;
}

/* Donate button fixes */

#donate-button-general {
  width: 100%;
}

#donate-in-page img {
  border: none;
}

/* Blog borders fix */

.blog h2 {
  border-bottom: 1px solid #609DF1;
}

/* Pagination colours fix */

.pagination-list li a {
  border: 1px solid #4990F4;
  color: #4990F4;
}

.pagination-list li a:hover {
  background: #4990F4;
}

/* Fix for footer */

footer .left {
  width: 20%;
}

footer .left img {
  padding: 0px;
  width: 100%;
}

footer .right {
  width: 80%;
}

footer .right img {
  padding: 0 2%;
  width: 17%;
}

footer .right .social {
  width: 9%;
}

@media (max-width: 1000px) {
  footer .left {
    width: 100%;
    float: none;
    text-align: center;
  }
  
  footer .left img {
    width: 30%;
    margin: auto;
  }
  
  footer .right {
    width: 100%;
    float: none;
  }
}

@media (max-width: 600px) {
  footer {
    background: none;
    padding-top: 0px;
  }
}

/* IMG Caption Fixes */

.max630 {
  max-width: 630px;
  margin-right: auto;
  margin-left: auto;
}

/* Increase font size on homepage */

.blog-featuredhome p {
  font-size: 14px;
}

/* Rhino Guardian Table */

#rhino-guardians td {
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	text-align: center;
	/* border-top: solid 1px grey;
	border-bottom: solid 1px grey; */
}

/* Shop CSS Tweaks */

#content .product-image img {
  border: none;
}

.eshop-quantity-value {
  margin: 0px;
}

.eshop-cart-area .btn-primary {
  margin-top: 0px;
}

/* Responsive Tweaks */

@media screen and (max-width: 600px) {
  #donate-image {
    width: 30%;
  }
  
  #subscribe-image {
    width: 30%;
  }
  
  #shop-image {
    width: 15%;
  }
}

@media screen and (max-width: 800px) {
  header .logo {
    min-width: 200px;
  }
}

@media screen and (max-width: 1000px) {
  header .logo {
    max-width: 300px;
  }
}

.blog .item-image {
  display: none;
}

/* Responsive Grid for Images */

#content .upper-mix img {
	border: none;
}

.inner-mix h3 a {
	color: #6595d3;
}

.inner-mix h3 a:hover {
	color: #8EB5E6;
}

/* Store CSS */

.product-options {
  min-height: 200px;
}

/* Supporters Page CSS */

.supporter-img {
  border: solid black 1px !important;
}

.supporters-row {
  width: 100%;
}

.supporters-section1 {
  width: 30%;
  float: left;
}

.supporters-section2 {
  width: 30%;
  float: left;
}

.supporters-section3 {
  width: 30%;
  float: left;
}

@media (max-width: 760px){
  .supporters-section1, .supporters-section2, .supporters-section3 {
    width: 100%;
    float: none;
  }
}

/* Checkout CSS */

.checkout-content .control-group #textarea {
	margin-top: 50px;
}

.checkout-content .radio {
	max-width: 250px;
}

.checkout-content .control-group .control-label {
	margin-top: 10px;
  	max-width: 250px;
}

/* Shop Radio Box Fix */

.product-options .radio {
	margin-top: 10px !important;
	line-height: normal;
	margin-right: 5px;
}


/* Shop img border fix */

.img-polaroid > a > img {
	border: none !important;
}

/* Shop button fix */

#shop-image {
	max-height: 35px;
}

/* Rhino Encounters CSS */

.encounters-img {
  float: left;
  width: 30%:
}

.encounters-text {
  float: left;
  width: 70%;
  padding-left: 2%;
}

.encounters-break {
  clear: both;
}

.encounters-title {
  font-size: 16px;
}

/* Form Styling */

.bfSubmitButton {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none !important;
    background-color: #FFC733;
    padding: 5px;
	cursor: pointer;
}

/* New Nav */

header, header .container {
  height: 0px !important;
}

/* GENERAL */
body p, body li {
  font-size: 14px;
}



.nav.menu .item-101 {
  display: none;
}

nav {
  background-color: #EC9E2F;
  height: auto;
}

nav img {
  float: left;
  width: 20%;
  min-width: 200px;
}

nav ul {
  position: relative;
  float: left;
  margin-top: 6%;
  margin-left: 1%;
}

nav .container {
  width: 1050px;
  display: block;
  min-height: 110px;
}

nav li a {
  text-shadow: none;
  font-size: 14px;
}

.donate-top {
  padding: 0px;
  font-size: 16px;
  margin-top: 0%;
  color: white;
}

.right {
  margin-top: 50px;
}

.homepage-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.homepage-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homepage-content-left {
  width: 49%;
  margin-right: 2%;
  float: left;
}

.homepage-content-right {
  width: 49%;
  float: left
}

.tipping-point-img {
  max-width: 100%;
  border: none !important;
}

.tipping-point-text {
  text-align: center;
  margin-top: 15%;
  font-size: 24px;
  line-height: initial;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.final-content-container {
	width: 185%;
    transform: translateX(-23%);
    background: #ffc933;
    height: 150px;  
}

.homepage-final-content {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 150px;
}

.ot_content img, .ot_row img {
  border: none !important;
}

.omega-powered {
  display: none !important;
}

.sitemap {
  display: inline-block;
  width: 100%;
}

.sitemap-col {
  width: 15%;
  float: left;
}

.sitemap-col img {
  max-width: 150px;
}

.sitemap-col .sitemap-header a {
  color: #ffc933;
  font-size: 14px;
}

@media (max-width: 800px) {
  .homepage-content-left, .homepage-content-right {
    width: 100%;
    margin: 0px;
  }
  
  .tipping-point-text {
    margin-top: 0%;
    margin-bottom: 50px;
    width: 100%;
  }
}

nav li a {
  line-height: 44px;
}

.container .contact {
  min-height: 400px;
}

.subform-footer {
  width: 25%;
  float: left;
}

.subform-footer #mc_embed_signup {
  width: 100%;
  background: black;
}

.subform-footer #mc_embed_signup h2 {
  font-size: 1em;
  margin-top: 0px;
}

.subform-footer #mc_embed_signup #mc-embedded-subscribe-form {
  padding: 0px;
}

.button-new {
  background: #ffc933;
  padding: 10px;
  border-radius: 5px;
  min-width: 150px;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}

.button-new p {
  color: black;
  font-weight: 700;
}

/* HOMEPAGE BANNER AND OVERLAY */

.homepage-banner {
  position: relative;
}

.homepage-banner img {
  border: none !important;
}

.homepage-banner .banner-img img {
  transform: translateX(-23%);
  margin-top: -30px;
  width: 185%;
}

.homepage-banner .banner-overlay {
  position: absolute;
  top: 15px;
  left: 15px;
}

.homepage-banner .banner-overlay h1 {
  color: white;
  font-size: 48px;
  
}

.overlay-1 {
  width: 60%;
}

.overlay-2 {
  width: 40%;
}

.overlay-3 {
  width: 36%;
}

.overlay-button-1, .overlay-button-2 {
  width: 25%;
  position: absolute;
  bottom: 5%;
  border: solid 1px black;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.6);
}

.overlay-button-1 p, .overlay-button-2 p {
  font-size: 26px;
  color: white;
  line-height: 50px;
}

.overlay-button-1 {
  clear: both;
  left: 10%;
}

.overlay-button-2 {
  right: 10%;
}

/* NEW HOMEPAGE DESIGN */
.homepage-row {
  display: inline-block;
  width: 100%;
}

.cornerstone-logo {
  width: 50%;
  float: left;
}

.cornerstone-logo img {
  	border: none !important;
	max-width: 300px;
    margin: auto;
    display: block;
    width: 100%;
}

/* LOGO SCROLLER */

.ot_row {
  width: 100%;
}

.ot_row .col-ot-7 {
  width: 14.2%;
}

.ot_row .col-ot-5 img {
  max-width: 100%;
}

/* FOOTER */

footer {
  background: black;
  height: auto;
}

footer a {
  color: white;
}

.footer-end-container {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: black;
}

.footer-end {
  margin: auto;
  width: 1050px;
  color: white;
}

.footer-end .right {
  width: 40%;
  float: left;
  text-align: left;
  margin-top: 0px;
}

.footer-end .left {
  width: 50%;
  float: left;
  text-align: left;
}

.footer-end .social {
  max-width: 40px;
  margin-right: 5px;
}

/* RESPONSIFICATION */

@media (max-width: 1050px) {
  .homepage-banner .banner-img img {
    transform: translateX(-3%);
    width: 106%;
    max-width: 106% !important;
  }
  
  .homepage-banner .banner-overlay h1 {
    font-size: 40px;
  }
  
  .homepage-banner .button-new p {
    font-size: 18px;
  }
  
  .final-content-container {
    width: 100%;
    transform: none;
  }
  
  .homepage-final-content {
    font-size: 18px;
  }
  
  .footer-end {
    width: 100%;
  }
}

@media (max-width: 800px) {
  
  /* NAV */
  nav .container {
    height: 150px;
  }
  
  nav ul {
    text-align: left;
    margin-top: 0%;
  }
  
  nav .nav_resp {
    position: absolute;
    top: 105px;
    z-index: 999;
  }
  
  nav ul ul {
    position: absolute;
  }
  
  /* SITEMAP */
  .sitemap-col {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  
  /* CHARITY TICK */
  footer .left img {
    width: 40%;
    margin: auto;
  }
  
  /* SUB BOX */
  .subform-footer {
    width: 100%;
  }
  
  .subform-footer #mc_embed_signup {
 	width: 80%;
    margin: auto;
    min-width: 300px;
  }
  
  /* BANNER */
  .overlay-1, .overlay-2, .overlay-3 {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
  }
  
  .overlay-button-1, .overlay-button-2 {
    width: 46%;
    position: relative;
    background: #ffc933;
    float: left;
    right: 0%;
    left: 0%;
    border: none;
  }
  
  .overlay-button-1 p, .overlay-button-2 p {
    color: black;
    line-height: inherit;
  }
  
  /* SUB POPUP */
  .ifancybox-wrap .ifancybox-inner {
    height: 350px !important;
  }
  
  .ifancybox-inner #mc_embed_signup {
    width: 100%;
  }
  
  /* SIGNOFF */
  .homepage-final-content {
    font-size: 16px;
    width: 90%;
    line-height: inherit;
    padding-top: 10%;
    margin: auto;
  }
  
  /* FOOTER */
  .footer-end .left, .footer-end .right {
    width: 100%;
    float: none;
    text-align: center;
  }
  
}

@media (max-width: 600px) {
  .homepage-button {
    margin-bottom: 10px;
  }
  
  .board-row .board-col {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  .overlay-button-1, .overlay-button-2 {
    width: 80%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }
  
  .overlay-button-1 p, .overlay-button-2 p {
    font-size: 16px;
  }
  
  .homepage-banner .banner-overlay {
    top: -10px;
  }
  
  .homepage-banner .banner-overlay h1 {
    font-size: 30px;
    padding-bottom: 0px;
  }
  
  footer .left img {
    width: 50%;
    margin: auto;
  }
}

@media (min-width: 801px) {
  nav .nav.menu {
    display: block !important;
  }
}

/* CSS FOR OTHER PAGES */

/* OUR BOARD */

.board-row {
  display: inline-block;
  width: 100%;
}

.board-row .board-col {
  margin-top: 0px;
  float: left;
  width: 25%;
}

.board-row p {
  text-align: center;
}

.board-row img {
  border: none !important;
  margin: auto;
  display: block;
  max-width: 95%;
}


/* ALL ABOUT RHINOS */

.button-new.rhino-sheet-button {
  border: solid 1px black;
  background: rgba(0, 0, 0, 0.4);
}

.button-new.rhino-sheet-button p, .button-new.rhino-sheet-button a {
  color: white;
  font-size: 20px;
}

/* FRONTPAGE LOGO SCROLLER */
.ot_logo_scroller_wrapper {
  width: 120% !important;
  margin-left: -10%;
}

@media(max-width: 1200px) {
  .ot_logo_scroller_wrapper {
    width: 100% !important;
    margin-left: 0%;
  }
}