/* Reset */
  @-moz-document url-prefix() { 
      .captionBold {
         margin-top: .05 em;
            }
  }
  

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.has-small-font-size {font-size:14px; line-height:17px;}
hr {border:1px solid #c4c4c4; margin:15px 0px 15px 0px;}

/* Main CSS */

body {background:#313B46; height: 100%; color: #eee; line-height:29px; z-index:0; margin:0px; padding: 0px; font: 14px/1 Raleway-Medium, sans-serif;}	

/*a:link {color: #313140; text-decoration:none;}
a:visited {color: #313140; text-decoration:none;}
a:hover {color: #313140; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #313140; text-decoration-thickness: 1px; text-underline-offset: 2px;}
a:active {color: #313140; text-decoration:none;}*/

sup {vertical-align: super; font-size: smaller;}
ul {}
ul li {list-style:disc; padding:1px 0px 1px 0px; margin-left:20px;}

strong { font-weight:700;}
.underline {text-decoration:underline; font-weight:700;}

input {padding:15px 5% 15px 5%; font-size:19px; border:0px; width:90%; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFFFFF; -webkit-appearance: none; font-family: 'Open Sans', sans-serif;}
input[type=submit] {width:220px; background-color:#98B8F1; color:#FFFFFF; padding:16px 0px 16px 0px; -webkit-appearance: none; font-family: 'mother_natureregular', sans-serif; font-size:21px; text-transform:uppercase; margin-top:15px; letter-spacing:1px;}
input[type=submit]:hover {background-color:#f3a6ad; cursor:pointer; -webkit-appearance: none;}

.space {width:100%; clear:both;}
.medSpace {width:100%; clear:both; height:65px;}
.bigSpace {width:100%; clear:both; height:150px;}
	
.wrapper {width:90%; max-width:1120px; margin:0px auto; position:relative;}
.smallWrapper {width:90%; max-width:900px; margin:0px auto; padding:130px 0px 300px 0px; position:relative;}

.leftCol {width:47%; float:left; margin-right:6%;}
.leftCol img {width:100%; margin-bottom:5px; height:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;}
.rightCol {width:47%; float:right;}
.rightCol img {width:100%; margin-bottom:5px; height:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;}

.homeLeftCol {width:40%; float:left; margin-right:4%;}
.homeLeftCol img {width:100%; margin-bottom:0px;}
.homeRightCol {width:56%; float:right;}

h1 {font-size:40px; line-height:45px; font-family: 'mother_natureregular', sans-serif; margin-bottom:20px;}
h2 {font-size:43px; line-height:48px; margin-bottom:20px; font-family: 'mother_natureregular', sans-serif;}
h3 {font-size:40px; line-height:44px; margin-bottom:15px; font-family: 'mother_natureregular', sans-serif;}
h4 {font-size:25px; line-height:29px; margin-bottom:2px; font-family: 'mother_natureregular', sans-serif;}

/* Header */

/* Home */

.bannerBkg {width:100%; background:#313B46;}
.banner { width:100%; margin:0px auto;   position:relative; text-align:center; }
.banner img {width:100%; height:auto; image-rendering: high-quality; max-height: 450px; min-height: 200px; object-fit: cover; z-index:90;}


.container {
    position: absolute;
    width: 100%; /* Fluid width for the demo */
    /*outline: 1px dashed red;*/
}

.container img {
    vertical-align: bottom; /* remove the bottom gap */
    height:auto; image-rendering: high-quality;
    width: 100%;
    max-height: 700px; min-height: 250px;
    object-fit: cover;
}

.caption {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*font: 0/0 a; /* remove the gap between inline(-block) elements */
}

.caption:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;    
}

.captionContainer {
     
    /*font: 16px/1 Arial, sans-serif; /* Reset the font property */

    text-rendering: optimizeLegibility; 
    display: inline-block;
    vertical-align: 0%;
    text-align:center;
    width: 100%;
    padding: 0 0;
}
.captionTextContainer{ margin 50px; padding: 50px;
text-rendering: optimizeLegibility; 
    font-size: 4.5vw;
    font-family: "konnectThin"  !important;
    font-weight: normal;
    color: #fff;
display: inline-block;  text-align:left; line-height: 1;
}

.captionText {text-rendering: optimizeLegibility; 
	display: inline;
	vertical-align: middle;
    font-size: 4.5vw;
    font-family: "konnectThin"  !important, sans-serif;
    font-weight: normal;
    line-height:1;
    padding:0px;
    margin: 0px;
    }

.captionBold {  display: inline-block; line-height:.65;   vertical-align:middle; 
    font-family: 'konnectBold', sans-serif;font-weight: normal; font-size: 150%; 
}




.topnav {
  overflow: hidden;
  font-family: 'Raleway-Medium' !important, sans-serif;
text-rendering: optimizeLegibility; 
    font-size: 14px;
    font-weight: normal;
    font-size: normal;

  padding: 0px;
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.topnav a {
  float: left;
  display: inline-block;
  color: #AFB9C7;
  text-align: center;
  padding: 8px 8px;
  text-decoration: none;
  font-size: 14px;
  

  
}

.active {
  color: CCC;
}

.topnav .icon {
  display: none;
}



.dropbtn
{  
line-height:14px;
text-align: center; 
display: block;
  border: none;
  outline: none;
  color: #AFB9C7;
  padding: 8px 8px;
  text-decoration: none;
  background-color: transparent;
    font-family: 'Raleway-Medium', sans-serif;
text-rendering: optimizeLegibility; 
    font-size: 14px;
    font-weight: normal;
  
  margin: 0px 0px;

}

.dropdown  {  
float: left;
  overflow: hidden;
text-align: center; 
display: block;
  border: none;
  outline: none;
  color: #AFB9C7;
  padding: 0px;
  text-decoration: none;
  background-color: transparent;
  margin: 0px 0px;
    font-family: 'Raleway-Medium', sans-serif;
text-rendering: optimizeLegibility; 
    font-size: 14px;
    font-weight: normal;

}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:  RGBA(0,0,0,0.0);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #AFB9C7;
  padding: 8px 8px;
  text-decoration: none;
   
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: absolute;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
background-color:  RGBA(0,0,0,0.8); 
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: absolute;}
  .topnav.responsive .dropdown .dropbtn {
  background-color:  RGBA(0,0,0,0.8); 
    display: block;
    width: 100%;
    text-align: left;
  }
}