/* LARGE 1200px */
.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
@media (max-width: 1240px) {
}
@media (max-width: 1080px) {
}
@media (min-width: 992px) {
	.col5{ -ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%; }
	body{padding-top: 125px;}
	.navbar li a{ font-size: 17px; font-weight: 400; line-height: 90px; display: inline-block; color: #fff; text-transform: uppercase;padding: 0 20px; white-space: normal;}
		.navbar.scrolled  li a{line-height: 60px;}
	.navbar li a:hover,
	.navbar li:hover>a,
	.navbar li.current-menu-item  a,
	.navbar li.current_page_item a{color: #01A4D9;}
	.navbar-nav li.menu-item-has-children{ position: relative;}
		.navbar-nav>li.menu-item-has-children>ul.sub-menu{ position: absolute; top: 100%; right: 0; width: 400px; z-index: 1; background: #01A4D9 url(../images/angle.png) 75% 0 no-repeat;padding: 30px 0px 15px; display: none;}
			.navbar-nav>li.menu-item-has-children>ul.sub-menu li{display: block;}
				.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>a{display: block; color: #fff; border:none; line-height: 180%; font-size: 16px; font-weight: 300; position: relative;}
					.navbar-nav li.menu-item-has-children ul.sub-menu li:hover a,
					.navbar-nav li.menu-item-has-children ul.sub-menu li a:hover{color: #364E59;}

					.navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item a{color: #364E59;}
					.navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item a::before{color: #364E59; content: "\f0da"; font-family: FontAwesome;}
			.navbar-nav li.menu-item-has-children:hover>.sub-menu{display: block;}

		.navbar-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children::before{color: #fff; content: "\f104"; font-family: FontAwesome; position: absolute; left: 8px; top: 0}

		.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu{position: absolute; top: 0; right: 100%; width: 250px; z-index: 1; background: #01A4D9;padding: 8px 15px 8px; display: none;}
			.navbar-nav>li.menu-item-has-children>ul.sub-menu>li:hover>ul.sub-menu{display: block;}
				.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu li a{line-height: 150%; font-size: 14px; text-transform: none;font-weight: 300;}
			
		.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu{position: absolute; top: 100%; right: 0%; width: 200px; z-index: 1; background: #0181a9;padding: 15px; display: none;}
			.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu{display: block;}
			.navbar-nav>li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a{color: #fff; text-transform: none;}
	
}
@media (max-width: 991px) {
	.col5{ -ms-flex: 0 0 33%;flex: 0 0 33;max-width: 33%; }
	body{padding-top: 125px;}
	.navbar-toggler {border-radius: 0rem; margin: 0px 0}
		.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	header .topbanner{ width: 70%; max-width: 640px; margin: 5px 0;}
	#site-title img{max-width: 300px;}
	.navbar-toggler {border-radius: 0rem;margin: 20px 0 0px;}
	.navbar-collapse{ padding: 20px;}
	/*.navbar-collapse li,*/
	.navbar-collapse li a{font-size: 16px; font-weight: 400; line-height: 32px; display: inline-block; color: #fff; text-transform: uppercase;padding: 0 0px; white-space: normal; }
	.navbar li a:hover,
	.navbar li:hover>a,
	.navbar li.current-menu-item  a,
	.navbar li.current_page_item a{color: #01A4D9;}
	.navbar-nav li.menu-item-has-children{ position: relative;}
		.navbar-nav li.menu-item-has-children::after{ position: absolute; font-family: FontAwesome; content: "\f107"; top: 0; right: 5px; line-height: 22px; color: #fff;}
		.navbar-nav li.menu-item-has-children ul.sub-menu{ padding: 10px 0px 10px 20px;}

				.navbar-nav li.menu-item-has-children ul.sub-menu li a{display: block; color: #fff; border:none; font-size: 14px; font-weight: 300; position: relative; line-height: 20px;}
					.navbar-nav li.menu-item-has-children ul.sub-menu>li ul.sub-menu li a{font-size: 13px; text-transform: none }

}

@media (min-width: 767px) {
	.singleimg{ width: 100%; height: auto; max-width: 320px; float: left; padding: 0 15px 15px 0; clear: none;}
	.embed-container { position: relative; padding-bottom: 75vh; height: 0; overflow: hidden; max-width: 100%; }
		.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

}

/* SMALL 768 */
@media (max-width: 768px) {
	#foo-title img {max-width: 250px;margin: 10px auto;}
}
@media (max-width: 600px) {
	

}
@media (max-width: 480px) {
	body{padding-top: 120px;}
	#site-title img{max-width: 250px;}
		.featured .feat .over .cats{margin-bottom: 5px;}
		.featured .feat .over h1{font-size: 17px;}
		.featured .feat .over em{display:none;}
.lined {font-size: 20px;}
	
	
	
}
@media (max-width: 400px) {
	.col5{ -ms-flex: 0 0 100%;flex: 0 0 100;max-width: 100%; }
}

/* FONTS */
.fw300,.light{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700,strong{ font-weight: 700;}
.fw800{ font-weight: 800;}
.fw900{ font-weight: 900;}

.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs60{ font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300)));}
.fs56{ font-size: calc(27px + (56 - 27) * ((100vw - 300px) / (1600 - 300)));}
.fs52{ font-size: calc(20px + (52 - 26) * ((100vw - 300px) / (1600 - 300)));}
.fs48{ font-size: calc(24px + (48 - 24) * ((100vw - 300px) / (1600 - 300)));}
.fs42{ font-size: calc(21px + (42 - 21) * ((100vw - 300px) / (1600 - 300)));}
.fs40{ font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));}
.fs38{ font-size: calc(19px + (38 - 19) * ((100vw - 300px) / (1600 - 300)));}
.fs36{ font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1600 - 300)));}
.fs32{ font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));}
.fs30{ font-size: calc(15px + (30 - 15) * ((100vw - 300px) / (1600 - 300)));}
.fs28{ font-size: calc(15px + (28 - 15) * ((100vw - 300px) / (1600 - 300)));}
.fs26{ font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
.fs24{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));}
.fs22{ font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));}
.fs20{ font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));}
.fs18{ font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));}
.fs16{ font-size: calc(13px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));}
.fs14{ font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px;}

.lh1{ line-height: 1;}
.lh80{ line-height: 80%;}
.lh90{ line-height: 90%;}
.lh100{ line-height: 100%;}
.lh110{ line-height: 110%;}
.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh150{ line-height: 150%;}
.lh180{ line-height: 180%;}