body {color:#333; font-family:'Roboto', sans-serif, Tahoma; font-weight:300; background:#FFFFFF;}
h1 {font-family:"Roboto", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); font-weight:300; font-size:2.4rem; text-transform:uppercase;}
h2 {font-family:'Roboto', sans-serif, Tahoma; font-size:1.8em; padding:0; color:#333; font-weight:300; text-transform:uppercase;}
h3 {font-family:'Roboto', sans-serif, Tahoma; font-size:1.5rem; padding:0; color:#333; font-weight:300;}
p, ul, li {font-family:'Roboto', sans-serif, Tahoma; line-height:1.8em; font-weight:300; color:#333333;}

a:link, a:visited {color:#333333;}
a:hover {text-decoration:underline;}

.off-canvas { background:#303030; border-right:solid 1px #303030;}
.bodyContainer {background:#FFFFFF;}
.firstrow {padding-top:2rem;}

.separator {height:9vh; background-color:#848482; /* background-size: cover; background-position:center center; background-repeat:no-repeat;*/ margin:3rem 0; vertical-align:middle; text-align:center; color:#FFFFFF; font-size:1.2rem; padding-top:3vh;}
.separator-icon { padding-top:3vh;}

.h1_banner {color:#FFFFFF; text-shadow: 1px 1px 1px rgba(102, 102, 102, 1); text-align:right; font-weight:100; font-size:2.7rem; margin-bottom:1.5rem;}

.navBg {background-color:#222222;}
.menu {margin:1rem 0 0.5rem 0;}
.menu>li>a {color:#FFFFFF; padding:1rem; letter-spacing:0.05rem; font-size:0.9rem; text-transform:uppercase;}
.menu>li>a:hover, .menu>li>a:active  {background-color:rgba(255, 255, 255, 0.2); text-decoration:none;}
.menu .active>a {background:#85C226;}
.dropdown.menu .is-active > a {background-color:rgba(255, 255, 255, 0.2); color:#FFFFFF;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#666666 transparent transparent;} /* changes dropdown arrow colour */
.is-dropdown-submenu-parent {z-index:2;}
/* .is-dropdown-submenu {background-color:#2B2D2E; border:none; text-transform: none;} */
.is-dropdown-submenu a {text-align:left; line-height:1.1rem;}
/*.drilldown .is-drilldown-submenu {background:#2B2D2E; border:none;}
.drilldown a {background-color:#2B2D2E;}
.menu .active > a {background:rgba(255, 255, 255, 0.2); color:#FFFFFF;}*/


.navPad {padding:1rem;}

/*.input-group-rounded .input-group-field {
  border-radius: 5000px 0 0 5000px;
  padding-left: 1rem;
}

.input-group-rounded .input-group-button .button {
  border-radius: 0 5000px 5000px 0;
  font-size: 0.8rem;
}
*/

hr.icon { 
    background: url('/images/logo-icon.png') no-repeat top center;
    background-size: contain;
    display: block;
    height: 60px;
    border: 0;
    position: relative;
	width:90%;
}

.noshade {border: 1px solid rgb(128, 128, 128);}

.hero-section {
  background-size: cover;
  height: 30vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
  color: #fefefe;
  /*text-shadow: 1px 1px 2px #0a0a0a;*/
  text-align: left;
}
.hero-section-text h1 { font-family:'Raleway', sans-serif, Tahoma; font-size:2.2rem; text-transform:uppercase;}
.hero-section-text p {color:#FEFEFE; font-size:1.2rem;}

/* ==========  PRODUCTS  =========== */


.footer {background: #222222; color:#CCCCCC;}
.footerPad {padding:2rem;}
.footer p {color:#FFFFFF;}
.footer a:link, .footer a:visited {color:#FFFFFF;}
.footer li {color:#FFFFFF;}

.footer ul {list-style-type:none; margin: 0; padding: 0;}

.copyright {background:#85C226; padding:1.5rem 0; color:#333; font-family:'Roboto', sans-serif, Tahoma; font-size:0.8rem; font-weight:100; text-transform:uppercase;}


/* Small screens */
@media screen and (max-width: 39.9375em) {
	h1 {font-size:1.7rem;}
	h2 {font-size:1.5rem;}
	h3 {font-size:1.2rem;}
	.separator {min-height:100px;}
	.hero-section-text h1 {font-size:1.7rem;}
}

/* Medium screens */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	h1 {font-size:2.1rem;}
	h2 {font-size:1.7rem;}
	h3 {font-size:1.3rem;}

} /* min-width 641px and max-width