/* =======================================================
 *
 *     CSS for index.html
 *     CSS for index.html
 *     CSS for index.html
 *     CSS for index.html

 * ======================================================= */


 /* Add some border-radius to the boxes  */
 .media-box-container{
	 -webkit-border-radius: 0px;
			-moz-border-radius: 0px;
						 border-radius: 0px;
		 }

		 /* Apply some style to the social icons */

		 /*
		 .fa {
		 margin-top: 20px !important;
		 height: 90px !important;
		 width: 90px !important;
		 font-size: 5.0em !important ;
		 line-height: 1.4em !important ;
		 vertical-align: 50% !important ;
		 }
		 */

		 .media-box-footer{
			 padding: 10px 20px;
		 }
		 .media-box-footer a{
			 color: #BDBDBD;
			 font-size: 11px;
			 text-decoration: none;
		 }

		 .media-box-footer a:hover{
			 cursor: pointer;
			 color: #6D6D6D;
		 }

		 /* Remove the margin-bottom of the text */
		 .media-box-content .media-box-text{
			 margin-bottom: 0 !important;
		 }

		 /* hide no more entries button */
		 .media-boxes-no-more-entries{
			 display: none;
		 }


				/* to force 4 columns in Media Boxes on android */
 /*
	 body{
		 margin: 200;
			min-height: 400px;
			overflow-y: scroll;

		}
	 */

/* ====================================================================== *
 [2] MEDIA BOX THUMBNAIL
* ====================================================================== */

.media-box-image{
 position: relative;
 overflow: display;
 width: 100%;
 height: 100%;

}

/* Hack to center the image */
.media-box-image div[data-width][data-height]{
 position: relative;
 overflow: hidden;
}
.media-box-image div[data-width][data-height] img{
 position: absolute;
 top:-100%; left:0; right: 0; bottom:-100%;
 margin: auto;
}
/* End Hack */

.media-box .media-box-image img{
 width: 100%;
 display: block;
}

/* set size NAV bar gors to hamburger */
@media (max-width: 992px) {
	 .navbar-header {
			 float: none;
	 }
	 .navbar-left,.navbar-right {
			 float: none !important;
	 }
	 .navbar-toggle {
			 display: block;
	 }
	 .navbar-collapse {
			 border-top: 1px solid transparent;
			 box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	 }
	 .navbar-fixed-top {
			 top: 0;
			 border-width: 0 0 1px;
	 }
	 .navbar-collapse.collapse {
			 display: none!important;
	 }
	 .navbar-nav {
			 float: none!important;
			 margin-top: 7.5px;
	 }
	 .navbar-nav>li {
			 float: none;
	 }
	 .navbar-nav>li>a {
			 padding-top: 10px;
			 padding-bottom: 10px;
	 }
	 .collapse.in{
			 display:block !important;
	 }
}

/* logo*/
.navbar-brand img{
 height: 40px;
 width:auto;
}



/* ====================================================================== *
	 BOOTSTRAP
* ====================================================================== */

/* Breakpoint 	Class infix 	Dimensions
 X-Small 	None 	<576px
 Small 	sm 	≥576px
 Medium 	md 	≥768px
 Large 	lg 	≥992px
 Extra large 	xl 	≥1200px
 Extra extra large 	xxl 	≥1400px

 $grid-breakpoints: (
	 xs: 0,
	 sm: 576px,
	 md: 768px,
	 lg: 992px,
	 xl: 1200px,
	 xxl: 1400px
 ); */


 h1, h2, h3, h4, h5, h6 {
	 font-family: 'Open Sans';
	 font-weight: 500;
 }

		 h1 {
			 font-size: 50px;
			 color:#90011a;
		 }

		 h2 {
			 font-size: 50px;
			 color:#90011a;
			}

		 h3 {
			 font-size: 50px;
			 color:#90011a;
		 }

		 h4 {
				font-size: 50px;
				color:#90011a;
		 }

		 h5 {
			 font-size: 50px;
			 color:#00f537;
		 }

		 h6 {
			 font-size: 50px;
			 color:#90011a;
		 }

		 .image-heading {
			 font-size: 30px;
			 color:#90011a !important;
		 }

		 p {
			 font-size: 20px;
		 }

		 .accents {
			 display: inline;
			 padding-top:1.5%;
			 height:2%;
			 width:2%;
			 min-width: 2%;
			 margin-top: -2%;
		 }


		 .footer-image {
					 width:100%;
					 position: relative;
					 bottom:0;
					 z-index:-10;
		 }

		 img {
				 position: relative;
				 display: block;
				 width:100%;
		 }

		 .footer-text {
			 position: absolute;
			 left:15%;
			 margin-top:12%;
			 font-size: 35px;
			 color:#90011a;
		 }

		 .footer-links a {
			 position: relative;
			 align-items: center;
			 margin-top:4%;
			 font-size: 35px !important;
			 color:#90011a;
		 }

		 .text-padding {
			 margin-left: 5% !important;
			 margin-right: 5% !important;
		 }




		 /* set size H text for smaller screens */
			 @media (max-width: 992px) {

		 h1 {
			 font-size: 40px;
		 }

		 h2 {
			 font-size: 50px;
		 }

		 h3 {
			 font-size: 40px;
		 }

		 h4{
				font-size: 35px;
		 }

		 h5 {
			 font-size: 30px;
		 }

		 h6 {
			 font-size: 30px;
		 }

		 p {
			 font-size: 16px;
		 }

		 .text-on-image {
			 padding-top: 10%;
		 }

		 .accents {
			 display: inline;
			 padding-top:4.5%;
			 height:2%;
			 width:2%;
			 margin-top: -5%;
		 }

		 .footer-text {
			 position: absolute;
			 left:15%;
			 margin-top:12%;
			 font-size: 18px;
			 color:#90011a;
		 }

		 .footer-links a {
			 margin-top:4%;
			 font-size: 25px !important;
		 }

 }

	 /* set size H text for smaller screens */
		 @media (max-width: 576px) {

		 h1 {
			 font-size: 30px;
		 }

		 h2 {
			 font-size: 30px;
		 }

		 h3 {
			 font-size: 25px;
		 }

		 h4 {
				font-size: 25px;
		 }

		 h5 {
			 font-size: 20px;
		 }

		 h6 {
			 font-size: 20px;
		 }

		 p {
			 font-size: 16px;
		 }

		 .text-on-image {
			 padding-top: 0%;
		 }

		 .accents {
			 display: inline;
			 padding-top:5%;
			 height:1.5%;
			 width:1.5%;
		 }

		 .footer-text {
			 position: absolute;
			 left:15%;
			 margin-top:12%;
			 font-size: 14px;
			 color:#90011a;
		 }

		 .footer-links a {
			 margin-top:4%;
			 font-size: 20px !important;
		 }

 }


/* ====================================================================== *
	 Swapping images based on device/screen size
* ====================================================================== */

		 .Ipad,.Mobile{display:none;}

				 @media(max-width: 1200px){
					 .Desktop,.Mobile{
						 display:none;
					 }
					 .Ipad{
						 display:block;
					 }
				 }
				 @media(max-width: 992px){
					 .Desktop,.Ipad{
						 display:none;
					 }
					 .Mobile{
						 display:block;
					 }
				 }