/* =======================================================
 *
 *     CSS for all pages
 *     CSS for all pages
 *     CSS for media boxes
 *
 * ======================================================= */


 /* 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;
		 }


		 .media-box-content {
			 margin-left:2% !important;

		 }

     .media-box-text {
      font-size: 20px !important;
      font-weight: bold  !important;
     }

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

/* Buttons above media boxes */
/* Buttons above media boxes */
     .image-heading {
       font-size: 30px !important;
       color:#90011a !important;
       background: #fff  !important;
       border: 20px solid #969696;
       border-radius: 0px !important;
       border-width: 1px !important;
       border-color: #000 !important;
     }

     .image-heading:hover {
       color: white !important;
       opacity: 0.9;
       transform: scale(1.05,1.05);
       background: #90011a  !important;
       -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
               border-radius: 3px 3px 0 0;

       -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
           -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
               transition: all 0.2s;
     }

     .image-heading:hover h2{
       color: white !important;
       -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
               border-radius: 3px 3px 0 0;

       -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
           -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
               transition: all 0.2s;
     }

     .image-heading:hover {
       color: white !important;
       opacity: 0.9;
       transform: scale(1.05,1.05);
       background: #90011a  !important;

       -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
               border-radius: 3px 3px 0 0;

       -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
           -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
               transition: all 0.2s;
     }



     .image-heading:hover h3{
       color: white !important;
       -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
            -o-border-radius: 3px 3px 0 0;
               border-radius: 3px 3px 0 0;

       -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
           -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
               transition: all 0.2s;
     }

     .image-heading center{
       padding-bottom: 2% !important;
     }

     .image-heading:hover a{
       text-decoration: none !important;
     }
     /* END Buttons above media boxes */

     a.media-box-read-more-link{
       background: #90011a !important;
       color: #fff !important;
       padding: 1% !important;
       padding-top: 0 !important;
     }

     a.media-box-read-more-link:hover{
       background: #333333 !important;
       text-decoration: none !important;
     }


				/* 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:#90011a;
		 }

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

     p {
			 font-size: 20px;
		 }

/* Class to match H tages */

       .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:#90011a;
        }

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

        .mbox-title {
          font-size: 40px;
          color:#90011a;

        }
          

     .btn-submit {
      background-color: #90011a !important;
      color: #ffffff;
      height:auto;
      width:75%;
    }


     .btn-submit:hover{
      opacity: 0.5;
      transform: scale(1.2,1.2);
    }


		 .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: 28px;
			 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;
		 }

     .footericons {
       display: flex;
       justify-content: center;
			 height:65%;
			 width:65%;
       padding-bottom: 30%;

     }

    .footericons:hover{
      opacity: 0.5;
      transform: scale(1.1,1.1);

      -webkit-border-radius: 3px 3px 0 0;
         -moz-border-radius: 3px 3px 0 0;
           -o-border-radius: 3px 3px 0 0;
              border-radius: 3px 3px 0 0;

      -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
          -ms-transition: all 0.2s;
           -o-transition: all 0.2s;
              transition: all 0.2s;
    }

    .footer-icon-padding {
      margin-left: 12%;

      }

/* set size H text for smaller screens  set size H text for smaller screens  set size H text for smaller screens */
/* set size H text for smaller screens  set size H text for smaller screens  set size H text for smaller screens */
/* set size H text for smaller screens  set size H text for smaller screens  set size H text for smaller screens */


  @media (max-width: 992px) {

  		 h1 {
  			 font-size: 40px;
  		 }

  		 h2 {
  			 font-size: 40px;
  		 }

  		 h3 {
  			 font-size: 40px;
  		 }

  		 h4{
  				font-size: 35px;
  		 }

  		 h5 {
  			 font-size: 30px;
  		 }

  		 h6 {
  			 font-size: 30px;
  		 }

  		 p {
  			 font-size: 16px;
  		 }

       .h1 {
         font-size: 40px;
       }

       .h2 {
         font-size: 40px;
       }

       .h3 {
         font-size: 40px;
       }

       .h4{
          font-size: 35px;
       }

       .h5 {
         font-size: 30px;
       }

       .h6 {
         font-size: 30px;
       }



  		 .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;
  		 }

       .footericons {
        display: inline;
        height:75%;
        width:75%;
        min-width: 75px;

       }

   }

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

  		 h1 {
  			 font-size: 30px;
  		 }

  		 h2 {
  			 font-size: 30px;
  		 }

  		 h3 {
  			 font-size: 30px;
  		 }

  		 h4 {
  				font-size: 25px;
  		 }

  		 h5 {
  			 font-size: 20px;
  		 }

  		 h6 {
  			 font-size: 20px;
  		 }

  		 p {
  			 font-size: 12px;
  		 }

       .h1 {
         font-size: 30px;
       }

       .h2 {
         font-size: 30px;
       }

       .h3 {
         font-size: 30px;
       }

       .h4 {
          font-size: 25px;
       }

       .h5 {
         font-size: 20px;
       }

       .h6 {
         font-size: 20px;
       }

  		 .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;
  		 }

       .footericons {
        display: inline;
        height:100%;
        width:100%;
        min-width: 75px;

       }

       .footer-icon-padding {
   margin-left: 0%;

         }

   }


/* ====================================================================== *
	 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;
					 }
				 }

/* ====================================================================== */
/*                 Container holding the image and the text               */
/* ====================================================================== */


			/* Container holding the image and the text */
			.container-banner {
			  position: relative;
			}

			/* Centered text */
			.centered {
				position: absolute;
				color:white;
				text-shadow: 1px 1px #000;
				font-style: italic;
				font-weight: bold;
				text-align-last: center;
				background-color: rgba(0, 0, 0, 0.3);
				border-radius: 10px;

			  text-align-last: center;
			  top: 130px;
			  left: 50%;
			  transform: translate(-60%, 0%);

				padding-top: 20px;
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 20px;

			}

			.h2 {
					font-weight: bold;
					font-style: normal;
					text-transform: uppercase;
					text-shadow: 2px 2px #fff;
			}

			span.caps {
				font-size: 65px;
			}

			span.estd {
				font-weight: bold;
				font-style: normal;
				color:#90011a !important;
			}


		@media(max-width: 1200px){

			 .centered {
		 		top: 120px;
				}

		}

		@media(max-width: 1100px){

			 .centered {
		 		top: 90px;
				}

		}

		@media(max-width: 992px){

			 .centered {
		 		top: 140px;
				}

				span .caps {
					font-size: 45px;
				}

		}

		@media(max-width: 650px){

			 .centered {
		 		top: 100px;
				}


		}



		@media(max-width: 450px){

			 .centered {
			 		top: 80px;
					}
					span .caps {
						font-size: 35px;
					}


		}

		@media(max-width: 400px){

			.centered {
			 top: 80px;
			 padding-top: 0px;
		 	 padding-left: 0px;
		 	 padding-right: 0px;
		 	 padding-bottom: 0px;

			 }

			 .h2 {
				 font-size: 18px;
			 }



		}

		@media(max-width: 350px){

			.centered {
			 	top: 50px;
			 }

		}

		@media(max-width: 300px){

			.centered {
			 	top: 20px;
			 }

		}
