body,h1,h2,h3,h4,h5,h6 {font-family: 'Source Sans Pro', sans-serif;margin: 0;padding: 0;}
a {font-size:16px; color:#007E7E;}
ul {
  column-count: 4;
  list-style-type: none;
}
#header {margin-top:25px;}
#container {
  position:relative;
}
.contentContainer {max-width:1300px; margin:0 auto;border-bottom:1px solid gray;margin-top:50px;margin-bottom:50px;}
p.blocktitle {margin:15px; font-size:32px; font-weight: 900;}
div.subhead {font-size:20px; font-weight: 700; margin-left:16px;}
.blockContent ul  {
    list-style-type: none;
    margin-left:-15px;
    font-size:14px;
    margin-left:0;
    padding:0;
    }
.blockContent li {
    margin-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}
#bannerContainer {width:100%; margin: 0 auto; overflow:hidden; position: relative;height:100%; min-height: 200px;}
#bannerText {position: absolute;  z-index:100000; bottom:13%; left: 50%;transform: translate(-50%, -50%);color:white; font-size: 64px;font-weight: bold;width: 100%;text-align: center;}
#bannerImage {width: 100%;min-width: 500px;overflow:hidden;}
#logo{width:200px;}
#buttonContainer {
  width:100%; 
  text-align: center;
}
.button {
  display:inline-block; 
  width:400px;
  color:white; 
  background-color:#005555; 
  font-size: 16px;
  font-weight: bold; 
  letter-spacing: 3px; 
  padding-top:16px; 
  padding-bottom:16px; 
  margin:120px 20px;
}
.button a {color:white;text-decoration: none; }
#logo{
  width:100%;
  margin:0 auto;
  text-align: center;
  }
#logo img {
  width: 190px;
  text-align: center;
  padding-bottom: 36px;
}
.w3-quarter{float:left;width:25%}
.grid {height:100%;}
#copy {float:none;text-align: center;margin:40px;}
#fivepercent {margin-bottom:25px;}
#social ul {column-count: 4;}
#social{margin-right:10%;width:400px;margin:0 auto;}
#footerContainer {width:100%; text-align: center; margin-bottom:25px;}

/* Portrait Mobile */
@media (min-width: 375px) and (max-width: 480px) {
	body {
		width:400px
	}
  #header {
    width:100%;
    }
#bannerContainer {    width: 100%;
    height: 369px;
    position: relative;
    overflow: hidden;}
#bannerText {font-size: 34px;padding:0px 0;width:100%;text-align: center;}
#bannerImage {    
    width:219%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;}
#logo{
  width:100%;
  margin:0 auto;
  text-align: center;
  }
#logo img {width:150px;text-align: center;}
#buttonContainer {
  width:100%; 
  text-align: center;
}
.button {
  margin:25px 0px;
  width:100%;
}
.w3-quarter {margin:2%;float:none;width:100%;}
.grid{margin-top:0;}
ul {
  column-count: 1;
  position: relative;

}
#footerContainer ul {
  padding:0;
  margin: 0;
  left:-20px;
}
}
/* Landscape Mobile */
@media (min-width: 481px) and (max-width: 767px) {
  body,h1,h2,h3,h4,h5,h6 {font-family: 'Source Sans Pro', sans-serif;}
.w3-bar-block .w3-bar-item {padding:0px}
.w3-quarter {width:23.99999%; margin:0%}
  #bannerContainer {    width: 100%;
    height: 400px;
    position: relative;
    border: 1px solid pink;
    overflow: hidden;}
#bannerText {position: absolute; z-index:100000;bottom:0; left: 50%;transform: translate(-50%, -50%);color:white; font-size: 34px;font-weight: bold;padding:0px 0;width:100%}
#bannerImage {    
    width:200%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;}
#logo img{width:190px;}
}
/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#buttonContainer {
  margin:19px 0;
}
.button {
  margin: 27px 20px;
}
  
}