/*Global Responsive CSS*/
body {
	height: 100%;
	top:0;
}
img {
    height: auto;
    max-width: 100% !important;
	
}
form{margin:0px !important;}

#container_logo_menu_mobile .wrapper960{width: 100% !important;}


/* # - Medium Devices
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

/* Default Settings */
.wrapper960 {width:95% !important;}
.col-3 {width:100% !important;}
.bottom-1, .bottom-2 {width:50% !important;}
.topscroller{display: block !important;}
.spacer-mobile{display: block !important;}



/* Hide Containers/divs */
#container_header {display:none !important;}
#hornav{display:none !important;}
.spacer {display: none !important;}

/* disable css animations */
.animated {
}

/* Adjust divs*/
#jumbotron-content{ margin-top: 5% !important;}
#slideshow.block_holder{padding-top: 0px !important;}
/* Arrow for scrolltos*/
.arrow {bottom: 40px;}


/*------ Mobile Containers Styling------ */

/* Mobile Menu */
.slicknav_menu {position: fixed; display:block; clear: both; float: right; width: 100%;}
.slicknav_nav {margin-top: 80px !important;}

/* Show mobile logo and navigation */
#container_logo_menu_mobile {display: block; z-index: 5000; height: 80px; padding-top: 0px; position:  absolute; top: 0px;}
#logo_mobile a img{display: block;}
#logo_mobile {position: absolute; top: 5px; left: 5px; height: auto;}

.jumbo_article{	width: 400px; max-width: 70%; }

div.anchor {
    display: block;
    position: relative;
    top: 71px;
    visibility: hidden;
}	

}


@media only screen and (min-width: 768px) and (max-height: 768px) {
#jumbotron-content{ margin-top: 10px !important;}
}
@media only screen and (min-width: 1500px) and (min-height: 1000px) {
#jumbotron-content{ margin-top: 20% !important;}
}
/* # - Small Devices
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 768px) {
	
div.anchor {
    display: block;
    position: relative;
    top: 71px;
    visibility: hidden;
}
.nivo-caption .nivo-caption-content {
	padding: 5% 5%;
	font-size: 1em !important;
}
.arrow {
  bottom: 80px;
  margin-left: -30px;
  position: absolute;
  left: 50%;
  width: 65px;
  height: 65px;
  background-image: url(/images/arrow-down.png);
  background-size: contain;
}
	
	.animate {
	}
/* Default Settings */	
.wrapper960 {width:95% !important;}
.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#sidecol_a, #sidecol_b{width:100% !important;}
#content_remainder {width:100% !important;}
.spacer-mobile{display: block !important;}
h2, h2 a:link, h2 a:visited, .content_header, .articleHead {font-size: 20px !important; line-height: normal;}

.jumbo_article{
		max-width: 90%;
	}

/* Hide divs */
#container_header {display:none !important;}
#hornav{display:none !important;}
.spacer {display: none !important;}

/* disable css animations */
.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;

	}

/* Adjust divs*/
#container_main{padding-top:0px !important;}
#slideshow.block_holder{padding-top: 0px;}
#jumbotron-content{ margin-top: 5% !important;}

/* remove block holder padding left and right */
.block_holder{padding-left: 0px !important; padding-right: 0px !important;}

/* Arrow for scrolltos*/
.arrow {bottom: 20px;}
#breadcrumb.block_holder {display: none;}

/*------ Mobile Containers Styling------ */

/* Mobile Menu */
.slicknav_menu {position: fixed; display:block; clear: both; float: right; width: 100%;}
.slicknav_nav {margin-top: 80px !important;}

/* Show mobile logo and navigation */
#container_logo_menu_mobile {display: block; z-index: 5000; height: 80px; padding-top: 0px; position:  absolute; top: 0px;}
#logo_mobile a img{display: block;}
#logo_mobile {position: absolute; top: 5px; left: 5px; height: auto;}

/* Jumbotron H1 */
#jumbotron-content h1 {font-size: 30px !important;}
#jumbotron-content p {
	max-width: 250px !important;
	margin: auto;}

	
	.logo-text a {
    font-size: 34px !important;
	font-family: Times, "Times New Roman", "serif""serif" !important;
    font-weight: 300;
    left: 10px;
    position: relative;
    text-decoration: none;
    top: 20px;
    width: 300px;
		max-width: 85%;
    text-transform: uppercase;
	padding-left: 5px;
		letter-spacing: 1px;
}


/* Slogan */
p.site-slogan {
    font-size: 12px;
	font-family: Arial, "sans-serif";
    left: 5px;
    letter-spacing: 1px;
    text-align: right;
    top: 2px;
    font-weight: normal;
    text-transform: uppercase;
    position:relative; 
    white-space:nowrap;
}

}


/* ipad iphone specific */
/* # - iPad Landscape
================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 

	/* Background scrolls - fixes image scaling problem*/
	html{background-attachment: scroll !important;}


	/* FIX Turn off opacity on some containers. Because background image is fixed it will not show properly behind content out of the viewport*/
	#container_main
    {
		background-color: rgba(255,255,255,1) !important;
	}


    /* Jumbotron */
	#container_jumbotron_bg { background-attachment: scroll !important;}
	#jumbotron-content{ margin-top: 5% !important;}

}

/* # - iPad Potrait
================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

	/* Default Settings */	
	.wrapper960 {width:95% !important;}
	.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
	#content_remainder {width:100% !important;}
	img {float:none !important;}

	/* Background scrolls - fixes image scaling problem*/
	html{background-attachment: scroll !important;}


	/* FIX Turn off opacity on some containers. Because background image is fixed it will not show properly behind content out of the viewport*/
	#container_main
    {
		background-color: rgba(255,255,255,1) !important;
	}

    /* Jumbotron */
	#container_jumbotron_bg { background-attachment: scroll !important;}
	#jumbotron-content{ margin-top: 5% !important;}

}


/* # - iPhone 2G-4S in portrait & landscape
================================================== */
@media only screen and (min-device-width : 320px) and (max-device-width : 450px) {

    /* Background scrolls - fixes image scaling problem*/
	html{background-attachment: scroll !important;}

    /* Jumbotron */
	#container_jumbotron_bg { background-attachment: scroll !important;}
	#jumbotron-content{ margin-top: 5% !important;}
		.logo-text a {
    font-size: 30px !important;
			letter-spacing: 
}
div.anchor {
    display: block;
    position: relative;
    top: 71px;
    visibility: hidden;
}

/* Slogan */
p.site-slogan {
    font-size: 12px;
}
.pull-left.item-image img{
	background-color:#252B3E;
	margin: 5px 10px 5px 5px;
	opacity: 1;
	border-radius: 10px;
	height: auto;
	width: 140px !important;
	
}

}