/* Begin Style for Divs */
.hometopdiv {
    background-image: url("image1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: auto;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.images{
    position: relative;
    width: 100%;
    height: auto;
}
.image1div {
   display: block;
   width: 33%;
   max-width: 550px;
   padding: 2%;
   height: auto;
   border: none;
   float: left;
   overflow: hidden;
}
.homeimgtextdiv{
   display: block;
   position: relative;
   top: 100px;
   width: 50%;
   height: 100%;
   padding-left: 1%;
   padding-right: 1%;
   border: none;
   float: right;
   overflow: hidden;
   background: rgba(212, 212, 212, 0.75);
}
.headerdiv {
   margin: auto;
   max-width: 100%;
   height: 100%;
   vertical-align:top;
   border: none;
   background-color: transparent;
}
p {
    text-indent: 50px;
}
.textdiv {
   margin: auto;
   padding: 1.5%;
   max-width: 80%;
   min-width: 300px;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #FFFFFF;
}  
.fronttextdiv {
   margin: auto;
   padding: 1.5%;
   max-width: 80%;
   min-width: 300px;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #D4EFFF;
}  
.optionalhomediv {
   display: block;
   float: right;
   margin: auto;
   padding: none;
   width: 100%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #E8E8E8;
}  
.textleftdiv {
   display: block;
   float: left;
   margin: auto;
   padding: none;
   width: 44%;
   padding-left: 3%;
   padding-right: 3%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #E8E8E8;
}  
.textrightdiv {
   display: block;
   float: right;
   margin: auto;
   padding: none;
   width: 44%;
   padding-left: 3%;
   padding-right: 3%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #E8E8E8;
}  
.hometextdiv {
   display: block;
   float: right;
   margin: auto;
   background: #D4EFFF;
   padding: none;
   width: 100%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: none;
}  
.homediv {
   margin: auto;
   height: 100%;
   width: 100%;
   vertical-align: top;
   border: none;
   background-color: transparent;
}
/* End Style for Divs */

/* Begin Style for Text */

.bodyheaders {
    color: #2C2C2C;
    text-align: left;	
    font: 2.5vw Georgia;
}
.bodyheaderscentered {
    color: #2C2C2C;
    text-align: center;	
    font: 3.5vw Georgia;
}
.optionalhomedivtext {
    color: #959595;
    text-align: center;	
    font: 2vw Georgia;
}
.optionalhomedivtitle {
    color: #5C5C5C;
    text-align: center;	
    font: 2.5vw Georgia;
}
.bodycontent {
    color: #707070;
    text-align: left;	
    font: 1.7vw Georgia;
}
.title {
    color: #7C2E2E;
    text-align: center;	
    font: 5vw Georgia;
    margin: 0;
    padding: 0;
}
.title2 {
    color: #7C2E2E;
    text-align: center;	
    font: 4vw Georgia;
    margin-top: 2%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}
.titlesub {
    color: #7C2E2E;
    text-align: center;	
    font: 4.5vw Georgia;
}

/* End Style for Text */

/* Begin Style for Navigation Bar */

.topnav {
    background-color: rgba(0, 0, 105, 0.55);
    overflow: hidden;
}
.topnav a {
    float: left;
    width: 33.3333%;
    display: block;
    color: #E0E0E0;
    text-align: center;
    font: 2vw Georgia;
    padding: 15px 0px;
    text-decoration: none;
}
.topnav a:hover {
    background-color: rgba(0, 0, 105, 0.3);
    color: #ffffff;
}
.topnav .icon {
    display: none;
}
.icon {
    display: none;
}
@media screen and (max-width: 1000px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: left;
    width: 100%;
    display: block;
    font: 30px Georgia;
  }
}
@media screen and (max-width: 1000px) {
.topnav.responsive {
    position: relative;
}
.topnav.responsive a.icon {
    position: relative;
    right: 0;
    top: 0;
  }
.topnav.responsive a {
    float: none;
    margin: auto;
    display: block;
    text-align: center;
    font: 30px Georgia;
    min-width: 250px;
}
.topnav a {
    width: 100%;
}
}
/* End Style for Navigation Bar */

/* Begin Style for Large Screen */

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

.homeimgtextdiv{
   display: block;
   position: relative;
   top: 150px;
   right: 4%;
   width: 60%;
   height: 30%;
   border: none;
   float: right;
   overflow: hidden;
}
}
/* End Style for Large Screen */

/* Begin Style for Mobile */

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


.optionalhomedivtext {
    color: #959595;
    text-align: center;	
    font: 30px Georgia;
}
.optionalhomedivtitle {
    color: #5C5C5C;
    text-align: center;	
    font: 40px Georgia;
}
.title {
    color: #7C2E2E;
    text-align: center;	
    font: 85px Georgia;
    margin: 0;
    padding: 0;
}
.titlesub {
    color: #7C2E2E;
    text-align: center;	
    font: 60px Georgia;
}
.title2 {
    color: #7C2E2E;
    text-align: center;	
    font: 45px Georgia;
    margin-top: 2%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}
.bodycontent {
    color: #707070;
    text-align: left;	
    font: 27px Georgia;
}
.bodyheaders {
    color: #2C2C2C;
    text-align: left;	
    font: 40px Georgia;
}
.bodyheaderscentered {
    color: #2C2C2C;
    text-align: center;	
    font: 50px Georgia;
}
.homeimgtextdiv{
   display: block;
   position: static;
   width: 90%;
   padding-right: 5%;
   padding-left: 5%;
   height: 30%;
   border: none;
   float: right;
   overflow: hidden;
}
.image1div {
   display: block;
   position: static;
   width: 50%;
   padding-top: none;
   padding-right: 25%;
   padding-bottom: 2%;
   padding-left: 25%;
   height: auto;
   border: none;
   overflow: hidden;
}	
.images{
    position: relative;
    width: 100%;
    height: auto;
}
.textleftdiv {
   display: block;
   float: left;
   margin: none;
   padding: none;
   width: 90%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #E8E8E8;
}  
.textrightdiv {
   display: block;
   float: right;
   margin: none;
   padding: none;
   width: 90%;
   height: 100%;
   vertical-align: top;
   border: none;
   background-color: #E8E8E8;
}  
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* End Style for Mobile */