/*------------------------------------------------*/
/*--------------[RESPONSIVE STYLES]---------------*/
/*------------------------------------------------*/

/* Fixes for Very Large Displays */
@media (min-width: 1225px) {



}


/* Initial Grid Breakpoint */
@media (max-width: 1224px) {


.logo { margin:20px 2% 20px 0; }
nav ul li { padding:0 4px; margin:0; }


}



/* Lanscape Tablet and Lower */
@media (max-width: 1024px) {

.container.narrow { width:80%; }


nav { display:none; background:linear-gradient(180deg, #05929F, #3F7077); width:100%; text-align:center; margin-top:15px; position:absolute; left:0; top:95px; padding:30px; }
nav ul li { display:block; width:100%; margin:0 0 10px; }
header a#menu-link { display:inline-block; float:right; vertical-align:middle; margin:0; font-size:55px; color:#fff !important; }
header a#menu-link:after { display:block; clear:both; }


		nav .togglesubmenu { display:inline-block !important; padding:0 12px; }
		nav ul { display:block; padding-bottom:20px; }
		nav ul li { width:100%; padding:12px 0; display:block; }
		nav ul li.menulogo { display:none; }
		nav ul li a { font-weight:900; }

		nav ul li.menu-item-has-children { display:inline-block; left:12px; }

		nav ul li.menu-item-has-children ul { position:relative; top:10px; background:rgba(0,0,0,0.2); box-shadow:none; opacity:1 !important; }
		nav ul li.menu-item-has-children ul li span:after { content: none; }
		nav ul li.menu-item-has-children ul li { display: block; text-align:center; margin:8px 0 8px -12px; padding:0 12px; }
		nav ul li.menu-item-has-children ul li a {  }
		nav ul li.menu-item-has-children ul li .togglesubmenu { display:none !important; }
		nav ul li.menu-item-has-children ul li a:hover {  }

		nav ul li.menu-item-has-children:hover > ul { display:none; }







}

/* Portrait Tablet and Lower */
@media (max-width: 850px) {

.container.narrow { width:90%; }

a.button, a.button.alt:hover, a.more-link, input[type=submit], a.button.large { padding:18px 14px 14px; max-width:100%; }

section.content, section.products { padding:100px 0 75px; }
section.content { min-height: 45vh; }

.herocopy h1 { font-size:4em; color:#fff; }
.herocopy h2 { color:#98C21F; margin:0; font-size:2.75em; }
.herocopy p { font-size:1.15em; }

.appcontainer { margin:60px auto 50px; }

.videoembed .copy { padding:0; }


footer { padding:100px 0 75px; text-align:center; }
footer ul li { display:inline-block; margin:0 8px 8px; }
footer .col-1-4 { width:100%; }

}


/* Phone */
@media (max-width: 481px) {




}