html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, .big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*******************************************
 HTML5 display-role reset for older browsers
 ********************************************/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

/* ol, ul {
	list-style: none;
} */

ul {
  margin:1em;
  padding-left: .25em
}
ul li {
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: 700;
  color: #666561;
  padding-left: 1em;
}

@media screen and (min-width: 39.8125em) {
  ul {
    margin:1em;
    padding-left:1em
  }
  ul li {
    font-size:1.4em;
    line-height:1.5;
    font-weight:700;
    color: #666561;
    padding-left:1em;
  }
}
blockquote, q {
	quotes: "«" "»";
  font-size: 1.2em;
  line-height: 1.5;
  text-align: center;
  margin-top: 5px;
  padding: 30px 10%;
  background-color: #666561;
  color: #f0efef;
}

@media screen and (min-width: 39.8125em) {
  blockquote, q {
  	quotes: "«" "»";
    font-size: 1.4em;
    line-height: 1.5;
    text-align:center;
/*    border-top:4px solid #f4efea;*/
    margin-top: 5px;
    padding: 30px 10%;
    background-color: #666561;
    color: #f0efef;
/*    color: #fbfbfb;*/
  }
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end reset*/


/*******************************************
	box set
*******************************************/
*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

figure {
    position: relative;
	}

figure img,
figure object,
figure embed,
figure video {
    display: block;
    max-width: 100%;
	}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
	}


/*******************************************
 Float Clearing http://nicolasgallagher.com/micro-clearfix-hack
 *******************************************/

.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
	}

.group {
    *zoom: 1; /* 3 */
	}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 	}

.clearfix {
	display: inline-block;
	}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* close commented backslash hack */


/*******************************************
Overall Structure
********************************************/

html {
	  font-size: 100%;
	  line-height: 1;
	  -moz-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;
	}

body {
	background-color: #FFF;
	margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
	/*color: #323232;*/
	color: #141414;
	line-height: 1;
	font-size: 16px;
	text-align: center;
	width: 100%;
	padding:0;
	}

  /********************************************
   Text - headers, paragraphs
  ********************************************/
p {
  font-size: 1.2em;
  line-height: 1.4;
  margin: 1em 0;
  text-align: left;
}

em, i {
/*
  font-weight: 400i; */
  font-family: 'Open Sans', sans-serif;
  font-style:italic;
}

h1,h2,h3,h4,h5 {
	text-align:left;
  font-weight:100;
}

h1 {
  font-size: 1.75em;
  font-weight:700;
  color: #666561;
}

h2 {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.3;
  color: #666561;
  color: #a2a3a4;
	color: #37657e ;
	text-align: center;
}
@media screen and (min-width: 39.8125em) {
  h2 {
    font-size: 1.65em;
font-weight: 300;
line-height: 1.4;
color: #666561;
color: #37657e ;
	  text-align: left;
  }
}

h3 {
  margin-top:1.75em;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2;
  color: #666561;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

a:link {
  color: #24638f;
  text-decoration: none;
  font-weight: 700
}
a:visited {
  color: #24638f;
  text-decoration: none;
  font-weight: 700
}
a:active {
    color: #24638f;
    text-decoration: none;
    font-weight: 700
}
a:focus {
  color: #053c62;
  text-decoration: none;
  font-weight: 700
}
a:hover {
  color: #053c62;
  text-decoration: none;
  font-weight: 700
}

.banner {
  width: 100%;
  height: 149px;
  position: absolute;
  background-color: #f5ece5;
  background-color: #f4efea;
	  background-color: #e8e6e4;
}
.wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	max-width: 78em; /*1200px*/
	z-index: 2;
}
/*
.wrapper-key {
    margin: 0 auto;
  	padding: 0;
  	text-align: left;
  	max-width: 80%;
    margin: 0 110px;
    border:1px solid #ccc;
  	}
*/
header {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	/* background-color: #f5ece5; */
  background-color: #f4efea;
	  background-color: #e8e6e4;
	clear: both;
	height: auto;
	z-index: 5;
	position: relative;
	top: 0;
}

.logo-holder {
  background-color: #666561;
  padding: 1em;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.logo-holder img {
  height: 75px;
}

@media screen and (min-width: 39.8125em) {
.logo-holder {
  background-color: #666561;
  max-height: 150px;
  padding: 1em;
  float: left;
  /* width:10%; */
  width: 25%;
  max-width: 120px;
  margin: 0;
}
.logo-holder img {
    height: 115px;
  }
}

.info-holder {
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: .25em 1em;
}
@media screen and (min-width: 39.8125em) {
  .info-holder {
  float: left;
  width: 75%;
  margin: 0;
  text-align: left;
	}
}

.name {
  position:relative;
  width:100%;
  /* background-color: #f5ece5; */
  }
@media screen and (min-width: 39.8125em) {
  .name {
    position:relative;
    width:100%;
    /* background-color: #f5ece5; */
      /* padding:1em; */
      /* min-height:146px; */
      text-align:left;
    }
	}
.name h1 {
    margin: 0 auto;
    padding:.5em;
    line-height: 1.2;
    font-size: 1.3em;
    width: 100%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
  }
@media screen and (min-width: 39.8125em) {
.name h1 {
  float:left;
  padding: 1em 1em .2em;
  font-size: 1.6em;
  line-height: 1.1;
  width: 100%;
  text-align: left;
	}
}
@media screen and (min-width: 70.6875em) {
.name h1 {
    float: left;
    padding: 1em 1em .5em;
    font-size: 1.8em;
    line-height:1.2;
    width: 100%;
    text-align: left;
  }
}

.contact-address {
  position: relative;
  width: 100%;
  padding: .5em 2em 1em;
  font-size: 1em;
  line-height: 1.25;
  font-weight: 300;
  text-align: center;

}
@media screen and (min-width: 39.8125em) {
.contact-address {
  position: relative;
  width: 100%;
  padding: 1em 1.9em 0;
  font-size: 1em;
  line-height: 1.2;
  font-weight: 300;
  text-align: left;
  }
}
main {
	/*float: left;*/
	min-width: 100%;
	display: block;

	padding: 2em 1.5em  ;
	text-align: left;
	z-index: 3;
	}
@media screen and (min-width: 50em) {
main {
	/*float: left;*/
	min-width: 100%;
	display: block;
	padding: 3em 50px 2em 168px;
	text-align: left;
	z-index: 3;
  max-width: 850px;
	}
}

main h2 {
	padding: 20px 0 50px;
	border-bottom: 3px solid #bbc8ce    ;
	margin: 0 0 40px;
}

footer {
	position:fixed;
	/*position: relative;*/
	bottom: 0;
	clear: both;
	width: 100%;
	margin: 0 auto;
	font-size: .875em;
	padding: .875rem 1rem .875rem 1rem;
	/*border-top: 1px solid #999;*/
	text-align: center;
	display: block;
	z-index: 200;
	background-color: #a2a2a3;
	color: #373737;
	}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
   left: 1.5em; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
border: none;  /*    Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(88,92,92,0.30); /* Set a background color */
    color: #ffffff; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px 12px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	box-shadow: 1px 5px 10px rgba(233,227,225,.6);

}
#myBtn i {
	color: #ffffff;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 99;
}
#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
#myBtn:hover i {
    color: #f5ece5;
    top: -5px;
}