body {
    font-family: "Lato", sans-serif;
    background-color: #f6efe4;
}

textarea {
width: 300px;
height: 5em;
}

input, select, textarea {
font-size: 200%;
}

#wrapper {
    width: 100%;
    overflow: hidden;
}
#container {
    width: 100%;
    margin: 0 auto;
}
.banner-img {
    width: 100%;
}

.container2 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.videoborder{
  border:8px solid #dddddd
}

.rounded-blue-box {
display: block;         /* shrink-wrap to content */
background-color: #3498db;     /* nice medium-blue */
color: white;                  /* text color */
padding: 0.5em 1em;            /* space around text */
border-radius: 0.5em;          /* roundish corners */
text-align: center;           /* center your text within the fixed width */
font-family: Arial, sans-serif;
font-size: 1.1em;
line-height: 1.4;
      background: 
        rgba(52, 152, 219, 0.8)
        url('zone2.jpg') no-repeat center center;
      background-size: cover;       /* crop/scale image to fill the box */
      /* ensure overflow wraps or is clipped */
      overflow-wrap: break-word;   
}

.rounded-blue-box-left {
display: block;         /* shrink-wrap to content */
background-color: #3498db;     /* nice medium-blue */
color: white;                  /* text color */
padding: 0.5em 1em;            /* space around text */
border-radius: 0.5em;          /* roundish corners */
text-align: left;           
font-family: Arial, sans-serif;
font-size: 1.1em;
line-height: 1.4;
      background: 
        rgba(52, 152, 219, 0.8)
        url('zone2.jpg') no-repeat center center;
      background-size: cover;       /* crop/scale image to fill the box */
      /* ensure overflow wraps or is clipped */
      overflow-wrap: break-word;   
}
.rounded-black-box {
display: block;         /* shrink-wrap to content */
background-color: #004400;     /* nice medium-blue */
color: white;                  /* text color */
padding: 0.5em 1em;            /* space around text */
border-radius: 0.5em;          /* roundish corners */
font-family: Arial, sans-serif;
font-size: 1.1em;
line-height: 1.4;
      background: 
        rgba(52, 152, 219, 0.8)
        url('zone1.jpg') no-repeat center center;
      background-size: cover;       /* crop/scale image to fill the box */
      /* ensure overflow wraps or is clipped */
      overflow-wrap: break-word;   
}