html,
    body { background-image: url("images/snow.jpg"); margin:0; padding: 0; position:relative; text-align:center;}

	h1 { display: block; font-size: 1.8em; margin-top: 0.67em; margin-bottom: -0.7em; color: #03327d; margin-left: 0; margin-right: 0; font-weight: bold;}
	h2 { display: block; font-size: 1.4em; margin-top: 0em; margin-bottom: 0.5em; color: #03327d; margin-left: 10%; margin-right: 10%; font-weight: normal;}
	h3 { display: block; font-size: 1.4em; margin-top: 0em; margin-bottom: 0.8em; color: #03327d; margin-left: 0; margin-right: 0; font-weight: bold;}
	h4 { display: block; font-size: 1.4em; margin-top: 0em; margin-bottom: 0.8em; color: #03327d; margin-left: 10%; margin-right: 10%; font-weight: normal;}
    h4 img {display: block; width: 80%; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-top: 10px;}
	h5 { display: block; font-size: 1.0em; margin-top: 0em; margin-bottom: 0.8em; color: #000000; margin-left: 0; margin-right: 0; font-weight: normal;}
	h6 { display: block; font-size: 1.4em; margin-top: 0em; margin-bottom: 0.5em; color: #03327d; margin-left: 10%; margin-right: 10%; font-weight: bold;}

    .sticky {position: fixed; top: 0; width: 100%; background-image: url("images/snow.jpg");}

	.moverlay {width: 100%; height: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: #888888; opacity: 0.90; color: white;
		overflow: auto; -webkit-overflow-scroll: touch; font-size: 10vw;}
	.moverlay a {padding: 8px; text-decoration: none; font-size: 5vw; color: white; display: block; transition: 0.3s;}
	.moverlay a:visited, .moverlay a:focus{color: white;}
	.moverlay a:hover {color: #f1f1f1; font-style: italic; color: blue; background-color: #f1f1f1;}

	.moverlay-content {width: 100%; height: 100%; text-align: center; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scroll: touch; color: #ffffff; }
	.moverlay-content a:link{color: #ffffff;}
	.moverlay-content .mob-exit a:hover {color: red;}

	#button-up {right: 15px; bottom: 180px; position: fixed; z-index: 1000;}
	#button-up .button-floating {width: 50px; height: 50px; color: white; background-color: #e70019; border-radius: 50%; text-align: center; padding: 0px; opacity: 0.9; font-size: 24px;
					  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(245, 245, 245, 0.075); }
	#button-email {right: 15px; bottom: 125px; position: fixed; z-index: 1000;}
	#button-email .button-floating {width: 50px; height: 50px; color: white; background-color: #e70019; border-radius: 50%; text-align: center; padding: 0px; opacity: 0.9; font-size: 24px;
					  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(245, 245, 245, 0.075); }
	#button-menu {right: 15px; bottom: 70px; position: fixed; z-index: 1000;}
	#button-menu .button-floating {width: 50px; height: 50px; color: white; background-color: #e70019; border-radius: 50%; text-align: center; padding: 0px; opacity: 0.9; font-size: 24px;
					  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(245, 245, 245, 0.075); }
	#button-bottom {right: 15px; bottom: 15px; position: fixed; z-index: 1000;}
	#button-bottom .button-floating {width: 50px; height: 50px; color: white; background-color: #e70019; border-radius: 50%; text-align: center; padding: 0px; opacity: 0.9; font-size: 24px;
					  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(245, 245, 245, 0.075); }

	#menu_line a img{width: 50%;} 
	#menu_line span img{width: 50%;} 


@media only screen and (min-width: 960px) {

    #page{padding-bottom:120px; min-height: 960px;}

    #header{margin-right:auto; margin-left: auto; width:100%; height:auto;} 
    #header h1{font-size: 3vw; font-family: "Myriad Pro", sans-serif; font-style: italic; color: #939598; margin-top: -10px;}
    #header h3{font-size: 3vw; font-family: "Myriad Pro", sans-serif; font-style: italic; color: #939598; margin-top: 30px;}
    #header a img{height: auto; width: 600px; border:none;}
    #header a:link {color: #939598;}
    #header a:visited {color: #939598;}
    #header a:hover {color: #e70019;}
    #header a:active {color: #e70019;}

	#menu_line{width: 100%; z-index: 1000; text-align: center; height: auto;
               padding-top: 1vw; display: grid; grid-template-columns: auto auto auto auto; } 

    .mobile {display: none;} 
    .menu_details{margin-right:auto; margin-left: auto; width: 100%; font-size: 3vw;}
   
    #footer {width: 100%; position:absolute; bottom:0px; height:140px; background-color: #0F75BC; background: -moz-linear-gradient(top, #0F75BC, #000066);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0F75BC), to(#000066)); font-family:Arial, Helvetica, sans-serif; font-size:14px; 
            color: #FFFFFF; display:block; outline:0; text-decoration:none; text-shadow: 1px 1px 1px #000;}

    .footer1, .footer2, .footer3, .footer4, .footer5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}
    .footer1 {width:10%; padding-top:8px;}
    .footer2 {width:5%; padding-top:20px; padding-left: 20px;}
    .footer3 {width:10%; padding-top:8px;}
    .footer4 {width:40%; padding-top:8px; }
    .footer5 {width:25%; padding-top:8px;}

    #footer a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}
    #footer a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#afc0fa; text-decoration:none;}

      .contact_text{max-width: 880px; width: 880px; font-family: "Myriad Pro", sans-serif; font-weight:normal; margin-left: auto; margin-right: auto; text-align: center;
                  FONT-SIZE: 3vw; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
                  text-align: center; color: #939598;}
    .contact_line {width:880px; display : inline-flex; font-family: "Myriad Pro", sans-serif; font-weight:bold; FONT-SIZE: 4vw; 
                  color: #03327d; margin-left: auto; margin-right: auto; text-align: center;}
    .contact_box1 {padding-top: 2px; width:25%; height:40px; float: left; font-size: 1.5vw; text-align: right; margin-right: 1vw;}
    .contact_box2 input[type="text"]{width: 75%; float: left; border-color: #000000; border-width: 1px; border-style: solid; font-size: 1.5vw;  }
    .textbox {background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}
    .selection {color: #939598; border-color: #000000; border-width: 1px; border-style: solid; font-size: 1.5vw; font-family: "Myriad Pro", sans-serif;} 
    .contact_box2 .selection{width: 100%; float: left;}
    .centered{text-align:center;}
    .centered h4{font-size: 1.5vw; font-weight: bold;}

      .tick_box1 {padding-top: 2px; width:98%; font-size: 1.5vw; height:auto; margin-left: auto; margin-right: auto; text-align: left;}
      .textarea {border:1px solid black;}

    .button {background-color: #0F75BC; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
    .textbox {width: 80%; margin-left: auto; margin-right: auto; background-color: #FFFFFF  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}

    .tooltip {position: relative; display: inline-block;}
    .tooltip .tooltiptext, .tooltip .glance {visibility: hidden; background-color: #000080; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align: center;
             padding-left: 10px; padding-right: 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 25%; margin-left: -80px; opacity: 0; transition: opacity 1s;}
    .tooltip .tooltiptext {width: auto;}
    .tooltip .glance{width: 180px;}
    .tooltip .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%;  margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
    .tooltip:hover .tooltiptext, .tooltip:hover .glance {visibility: visible; opacity: 1;} 

}

@media only screen and (max-width: 959px) {

	.desktop {display: none;} 
    #page{height: auto; }

    #header{width:100%; height:auto; margin-bottom: 4px; padding-bottom: 4px; text-align: center;} 
    #header h1{font-size: 4vw; height: auto; font-family: "Myriad Pro", sans-serif; font-style: italic; color: #939598; margin-top: -10px;}
    #header h3{display: none}
    #header img{width: 80%; height: auto; margin-right:auto; margin-left: auto; text-align: center;}
	#menu_line{width: 100%; z-index: 1000; text-align: center; height: auto;
               padding-top: 1vw; display: grid; grid-template-columns: auto auto auto auto auto auto; } 

    .tooltip {position: relative; display: inline-block;}
    .tooltip .tooltiptext, .tooltip .glance {visibility: hidden; background-color: #000080; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align: center;
             padding-left: 10px; padding-right: 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 25%; margin-left: -60px; opacity: 0; transition: opacity 1s;}
    .tooltip .tooltiptext {width: auto;}
    .tooltip .glance{width: 180px;}
    .tooltip .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%;  margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
    .tooltip:hover .tooltiptext, .tooltip:hover .glance {visibility: hidden; opacity: 1;} 

    #footer {position:absolute; bottom:0px; width:960px; height:140px; background-color: #03327d; background: -moz-linear-gradient(top, #03327d, #000066);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03327d), to(#000066)); font-family:Arial, Helvetica, sans-serif; font-size:4vw; 
            color: #FFFFFF; display:block; outline:0; text-decoration:none; text-shadow: 1px 1px 1px #000;}

    .footer_line{background-color: #03327d; width: 100%; height: auto; padding-top: 2vw; padding-bottom: 2vw; font-size:4vw; } 

	.footer_line0{background-color: #03327d; text-align: center; width: 100%; height: auto; padding-top: 2vw; padding-bottom: 2vw; } 
	.footer_line0 img{width: 15vw;} 
    .footer_column1 {color:white; text-decoration: none; text-align: center; width: 100%; font-size: 6vw;}
    .footer_column1 a:link{color:white; text-decoration: none;}
    .footer_column1 a:visited{color:white; text-decoration: none;}
    .footer_column1 a:hover{color:blue; text-decoration: none;}
    .footer_column1 img{height: auto; width: 80%; border:none;}
    .footer_line::after {content: ""; clear: both; display: table;}
    .centered{text-align:center;}
    .centered h4{font-size: 2vw; font-weight: bold;}

    .contact_text{max-width: 95%; width: 95%; font-family: "Myriad Pro", sans-serif; font-weight:normal; 
                  FONT-SIZE: 4vw; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
                  text-align: center; color: #939598;}
    .contact_text img{margin-left: auto; margin-right: auto; width: 90%; height: auto; text-align: center;}
	.contact_text a:link {color: #939598; text-decoration: none;}
	.contact_text a:visited {color: #939598; text-decoration: none;}
	.contact_text a:hover {color: #d71635; text-decoration: none;}
	.contact_text a:active {color: #939598; text-decoration: none;}
    .contact_line {max-width:99%; font-size: 1.4em; color: #03327d; font-weight: normal;}
    .contact_box1 {padding-top: 2px; width:100%; height:auto; text-align: left;}
    .contact_box2 .textbox{max-width: 98%; float: left; border-color: #000000; border-width: 1px; border-style: solid; }
    .selection {color: #939598; border-color: #000000; border-width: 1px; border-style: solid; font-size: 2.5vw; font-family: "Myriad Pro", sans-serif;} 
    .contact_box2 .selection{width: 100%; float: left;}
    .textbox {width: 100%; background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; font-size: 4vw;}
    .tick_box1 {padding-top: 2px; width:100%; height:auto; float: left; display:inline; text-align: left; font-size: 2.5vw;}
    .textarea {width: 88%; background-color: #FFFFFF  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}

    .button {background-color: #0F75BC; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
}