/*  Extra-Large Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1598px) {
	
}


/*  Large Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1398px) {

} 


/*  Medium Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1198px) {
	.large, large { font-size: 105%; }
	
} 


/*  Small Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 998px) {
	.h1, h1 { font-size: 1.6rem; }
	.h2, h2 { font-size: 1.4rem; }
	.h3, h3 { font-size: 1.2rem; }
	.h4, h4 { font-size: 1.1rem; }
}


/*  TABLET */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	p { font-size: .9rem; }
	p.lead { font-size: .9rem; }
	l, ol, ul { font-size: .9rem; }
	.hr { margin-bottom: 1rem; }
	[class*='col-'] { margin-bottom: 15px; }
	.navbar > .container { text-align: end; display: block; }
	.navbar-toggler { border: 0; padding: 0; color: transparent; }
	.navbar-toggler-icon { width: 1.8em; height: 1.8em; background-image: url("../images/sys_images/hamburger.svg"); }
	.navbar-nav .dropdown-menu { position: absolute; }
	.navbar-collapse { position: absolute; text-align: left; right: 0; z-index: 1000; }
	.navbar-nav { background-color: #ffffff; border-radius: 0.375rem; padding: .5rem 0; border: solid 1px #dee2e6; }
	.nav-link { color: #141414 !important; font-weight: 400; width: 100%; display: block; padding: .25rem 1rem; }
	.nav-link:hover { background-color: #e9ecef; }
	.forest-skies-logo { text-align: center; margin-bottom: 10px; margin-top: 0; }
	.forest-skies-logo img { width: 25%; }
	.the-hive-logo { margin-top: 0; }
	.the-hive-logo img { width: 75%; }
	.intro { margin-top: 0.5rem; }
	.intro h1 { font-size: 1.6rem; }
	.intro .large { font-size: 115%; margin-bottom: 0rem; }
	.hex-years { padding-bottom: 0.5rem; }
	.hex-years h2 { font-size: 1.2rem; }
	.year-1 { width: 80%; margin-top: 0; }
	.year-2 { width: 80%; margin-top: 0; margin-left: 0; }
	.year-3 { width: 80%; margin-bottom: 0; margin-left: 0; }
	.year-4 { width: 80%; margin-top: 0; margin-left: 0; }
	.year-5 { width: 80%; margin-top: 0; margin-left: 0; }
	.year-6 { width: 80%; margin-top: 0; margin-left: 0; }
	.w-panel { margin-top: 1.5rem; }
	.task-listing {	padding-top: .6rem; padding-bottom: .3rem; padding-right: .2rem; padding-left: .2rem; margin-bottom: .7rem; }
	.year { margin-top: .25rem; }
	.action-btn { display: flow-root; }
	.action-btn .btn-sm { padding: .1rem .3rem; font-size: .7rem; }
	.footer { text-align: center; padding-top: 50px; }
	.social { text-align: center; margin-top: 10px; }
}


/*  TABLET LANDSCAPE */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) and (orientation:landscape) {

}


/*  MOBILE */
@media only screen and (max-width: 480px) {
	.h1, h1 { font-size: 1.3rem; }
	.h2, h2 { font-size: 1.3rem; }
	.h3, h3 { font-size: 1rem; }
	.h4, h4 { font-size: 1rem; }
	.h5, h5 { font-size: 1rem; }
	.btn { font-size: .8rem; }
}


/*  MOBILE LANDSCAPE */
/* -------------------------------------------------------------------------------------- */
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

}