* {
  box-sizing: border-box;
}
body{background-color: #eccba0}
a {
  text-decoration: none;
}

.banner{
float: center;
background-size: cover;
}

.menu {
  float:left;
  width:20%;
  text-align:center;

}
.menu a {
  background-color:#00557f;
  padding:5px;
  margin-top:7px;
  display:block;
  width:100%;
  color:white;
}

.menu2 {
  float:center;
  width:100%;
  text-align:center;
}
.menu2 a {
  background-color:#58b2ff;
  padding:5px;
  margin-top:7px;
  display:block;
  width:100%;
  color:#000;
}


.main {
  float:left;
  width:60%;
  padding: 20px;

}
.video { 
   padding-top: 25px;
   width:100%;
   max-width:100%;
   height:auto;
   border-style: hidden;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
padding-top: 20px;
    width: 100%;
    height: 100%;
    }

.right {
background-color: #00557f;
color: #fff;
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }
}