@charset "utf-8";
/* CSS Document */


/*Below changes the size at which the fixed navbar collapses*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
	/*Above changes the size at which the fixed navbar collapses*/

	body {
	
	background-color:#FFFFFF;
		 
	background-size: cover; /* resizes background image to screen */
background-repeat: no-repeat;
}
	
	/*Below makes divs placed within a row with this tag equal to each other*/
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
/*Above makes divs placed within a row with this tag equal to each other*/

.imgleft {
    float: left;
    padding: 2px;
    margin-right: 10px;
    }


/*Below changes the style of the default button*/
.btn-default {
	color: #E5F4FB;
	background-color: transparent;
	border-color: #A7DCF4
;
	border-width: medium;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: transparent;
	border-color: #178FC6;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover,  fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	background-color: #A7DCF4;
	border-color: #A7DCF4;
}
.btn-default:active:focus {
	color: #ffffff;
	background-color: #199BD7;
;
	border-color: #083E9E;
}
.btn-default .badge {
	color: #A7DCF4;
	background-color: #ffffff;
}
/*Above changes the style of the default button*/

/*Below Aligns items to the centre of a div*/
.vertical-center {    /*centers to the div*/
  min-height: 200%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
/*Above Aligns items to the centre of a div*/
  html, body {
            height: 100%;
            margin: 0;
        }

        .screenfill {
            min-height: 100%; 
        }

/*Below Changes fixed navbar style*/
.navbar-fixed-top {
  background-color: #FFFFFF;
  border-color: #8A8888;
}
/*Above Changes fixed navbar style*/

#Block1 {
background-color: #f2ead4;
}
#Block2 {
background-color: #737170;
}
h1 {
	color: #210101;
	font-family:"American Typewriter SE", Arial;;
font-style: bold;
	 font-size: 40px; /*backup font size incase vmax isn't supported*/
    font-size: 6vmax ; /*this scales the font to the window size*/
	
}

/*Below Changes the secondary section of the fixed nav bars style*/
#menuSubBanner {background-color: #4cb8ea;
}
.Sub-nav {width: 100%}
/*Above Changes the secondary section of the fixed nav bars style*/
h2 {
	color: #210101;
	font-family:  "Arial";
	 font-size: 25px;  /*backup font size incase vmax isn't supported*/
    font-size: 1.7vmax ; /*this scales the font to the window size*/
	letter-spacing: 0.3em; margin-top:-0.7em;/* em keeps the margin relative to the window size*/
}

p {
	color: #210101;
	font-family:  "Arial";
	 font-size: 15px;  /*backup font size incase vmax isn't supported*/
    
	 margin-top:-0.9em;/* em keeps the margin relative to the window size*/
}

h4 {
	color: #210101;
	font-family:"American Typewriter SE", Arial;;
font-style: bold;
	 font-size: 23px;  /*backup font size incase vmax isn't supported*/
    
	
}
h6 {
	color: #3c3624;
	font-family:"American Typewriter SE", Arial;;
font-style: bold;
	 font-size: 240%;  /*backup font size incase vmax isn't supported*/
   

	
}
h7 {
	color: #FFFFFF;
	font-family:"American Typewriter SE", Arial;;
font-style: bold;
	 font-size: 1.3em;  /*backup font size incase vmax isn't supported*/
   

	
}
#header {
	background-color:hsla(240, 100%, 100%, 0.6); /*transparent bar in the header - (hue - in degrees (colour wheel), saturation, lightness, alpha (0 transparent , 1   opaque)  */
	/* can also use: rgba(red, green, blue, alpha) - rgba(0, 0, 255, 0)*/
    position: absolute;
    width: 100%;
}

.btn-lg { 
 color: #ffffff; 
 background-color: #0CBEB6; 
 border-color: #c6c6c5; 
} 

.btn-lg:hover, 
.btn-lg:focus, 
.btn-lg:active, 
.btn-lg.active, 
.open .dropdown-toggle.btn-lg { 
 color: #ffffff; 
 background-color: #09847F; 
 border-color: #09847F; 
} 

.btn-lg:active, 
.btn-lg.active, 
.open .dropdown-toggle.btn-lg { 
 background-image: none; 
} 

.btn-lg.disabled, 
.btn-lg[disabled], 
fieldset[disabled] .btn-lg, 
.btn-lg.disabled:hover, 
.btn-lg[disabled]:hover, 
 fieldset[disabled] .btn-lg:hover, 
.btn-lg.disabled:focus, 
.btn-lg[disabled]:focus, 
fieldset[disabled] .btn-lg:focus, 
.btn-lg.disabled:active, 
.btn-lg[disabled]:active, 
fieldset[disabled] .btn-lg:active, 
.btn-lg.disabled.active, 
.btn-lg[disabled].active, 
fieldset[disabled] .btn-lg.active { 
background-color: #085F5C
; 
border-color: #085F5C; 
} 
.btn-lg:active:focus {
  color: #ffffff; 
  background-color: #085F5C
; 
  border-color: #09847F;
}
.btn-lg .badge { 
  color: #09847F
; 
 background-color: #ffffff; 
}


/*Below changes text alignment depending on the screen size*/

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
/*Above changes text alignment depending on the screen size*/

	@media screen and (max-width: 770px) {
    .button-text {
        display: none;
    }
}
	
	@media screen and (max-width: 690px) {
    .button-text2 {
        display: none;
    }
}
	
	@media screen and (max-width: 700px) {
    .responsive-text1 {
        display: none;
    }
}