@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
* {margin:0; padding:0; box-sizing:border-box;}
body {background-color:#FEFDFF;}
.row::after {content:""; clear:both; display:table;}
[class*="col-"] {float:left; padding:10px 10px;}
html {font-family:"Open Sans", sans-serif;}
a {text-decoration:none;}

.header{display:inline-block; width:100%; z-index:16; min-height:45px; margin:0; padding:1px; background-color:#FEFDFF; top:0; position:fixed;
		box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}		/* background-color:#F8F8FF; */
.header .zed {float:left; margin:0.25em 0 0.06em 0.6em;}
.header .zed .logo {width:26px; height:26px; border:none;}
.header .pico {margin-top:6px; text-align:center; color:#000000; font-family:Candara, 'Open Sans', sans-serif; font-weight:bold; font-style:italic; font-size:1.4em; text-shadow: 1px 1px 2px #333333;}
.header .connex {float:right; margin:-1.4em 0.8em 0.05em 0.1em;}
.header .close {color:#FF0000; font-family:Candara, 'Open Sans', sans-serif; font-weight:bold; font-size:1.4em;}
.header .connex .log {position:relative; right:40px; margin-top:2px; width:26px; height:26px; border:none;}
.header .connex .separat {position:absolute; top:0.5em; right:2.2em; cursor:default; color:transparent; font-size:1em; font-family:'Open Sans', sans-serif;}
.header .connex .mmnu {position:absolute; top:0.04em; right:0.6em; cursor:pointer; color:#000000; font-weight:bold; font-size:1.5em; font-family:'Arial Black', sans-serif;}
.header .connex .mmnu:hover {color:#778899;}

/* The Overlay (background) */
.header .overlay {height:100%; width:0; position:fixed; z-index:1; top:0; left:0; bottom:0; background-color:#FFFFFF; overflow:hidden; transition:0.5s;}
.header .overlay .bigzed {position:absolute; top:-2px; color:#73C2FB; font-family:'Arial Black', sans-serif; font-size:20px; font-style:normal; text-align:center; width:100%; letter-spacing:0.2em;}
.header .overlay .slogen {position:absolute; top:25px; color:#778899; font-family:"Open Sans", sans-serif; font-weight:normal; font-size:xx-small; text-transform:uppercase; text-align:center; width:100%; letter-spacing:0.4em;}
.header .overlay-content {position:relative; width:100%; height:100%; margin-top:38px; padding-top:145px; background-color:#F1F1FF; text-align:center;}
.header hr.the-line {margin:1em 0 1em 0; border:0; border-top:1px solid #EFEFEF; border-bottom:1px solid #DDDDDD;}
.header .overlay a {padding:5px; text-decoration:none; color:#000000; font-family:'Arial Black', 'Arial Bold', sans-serif; font-size:small; letter-spacing:1px; text-transform:uppercase; display:block; transition:0.3s;}
.header .overlay a:hover, .overlay a:focus {color: #778899;}
.header .overlay .version {position:absolute; bottom:12px; margin-left:15px; color:#778899; font-family:'Helvetica', sans-serif; font-size:x-small; font-style:normal; text-align:left; width:100%;}
.header .overlay .closebtn {position:absolute; top:-1px; right:8px; color:#000000; font-size:22px;}

.header a.btncon {
 float:right;
 display:inline-block;
 margin:-1.7em 0.6em 0.2em 0;			/* HDBG */
 padding:0.1em 0.4em 0.2em 0.4em;		/* HDBG */
 border:0.1em solid #DFF2FF;
 border-radius:0.12em;
 box-sizing:border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FEFDFF;
 text-align:center;
 transition:all 0.2s;
}
.header a.btncon:hover {color:#000000; background-color:#DFF2FF;}
@media all and (max-width:30em){
a.btncon {display:block; margin:0.4em auto;}
}

/* Container holding the image and the text - Responsive Font Size - Viewport (vw) */
.container {width:100%; position:relative; margin-bottom:8px;}

/* Centered image */
.container .le_img {width:100%; height:auto; max-height:40vw;}
.container .le_vid {display:block; width:100%; height:auto; max-height:40vw; object-fit:cover;}

/* Top right text */
.container #devip {position:absolute; top:10px; right:12px;}
.container #devip a.viplnk:link{color:#E6E6FA; font-family:Arial Narrow, sans-serif; font-size:1.2em; letter-spacing:1.5px;}
.container #devip a.viplnk:visited{color:#E6E6FA; font-family:Arial Narrow, sans-serif; font-size:1.2em; letter-spacing:1.5px;}
.container #devip a.viplnk:active{color:#E6E6FA; font-family:Arial Narrow, sans-serif; font-size:1.2em; letter-spacing:1.5px;}
.container #devip a.viplnk:hover{color:#FFFFF0; font-family:Arial Narrow, sans-serif; font-size:1.2em; letter-spacing:1.5px; text-decoration:underline;}

/* Centered text */
.container .centered {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center; color:white; font-family:'Times', 'Times New Roman', 'Polatino', serif; font-weight:bold; font-size:8vw;}


/* Small devices (less than 780px) - Mobile Styles */
@media only screen and (max-width: 780px) {
  .col-1 {width:100%;}
  .sub-header {max-height:15px;}
  #frmcmp {margin-top:-12px;}
  .container {margin-bottom:-24px;}
}