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


body {
	
	background: url(../images/index/penguin_cupcake-web-1.jpg);
	background-size: cover; /* resizes background image to screen */
background-repeat: no-repeat;
}

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

  html, body {
            height: 100%;
            margin: 0;
        }

        .screenfill {
            min-height: 100%; 
        }

.navbar-fixed-top {
  background-color: #FFFFFF;
  border-color: #8A8888;
}

#Block1 {
background-color: #F0F0F0;
}
#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*/
	
}
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*/
}

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