* {
  box-sizing: border-box;
}

body {  background-color: #95a712; 
 margin-left:0px
 margin-top:0px
}


.menu {
  float:left;
  width:20%;
  text-align:center;
}
.menu2 {
  float:left;
  width:20%;
  text-align:center;
  background-color:#fffed7;
  
}
.main2 {
  float:left;
  background-color:#fffed7;
  width:80%;
  padding:0 20px;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans- serif; 
  font-size:0.9em; color: #999900; 
  font-weight: bold;
}
.menuitem {
  bgcolor="#fffed7"
  padding:8px;
  margin-top:7px;
}
.main {
  float:left;
  width:50%;
  padding:0 10px;
  background-color:#fffed7;
}
.right {
  
  float:left;
  width:50%;
  padding:0 10px;
  margin-top:0px;
  text-align:left;
  background-color:#fffed7;
}

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

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu2, .main2,  {
    width:100%;
  }
}
 .topnav {
    background-color:  #fffed7;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #95a712;
  text-align: center;
  padding: 3px 9px;
  text-decoration: none;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #fffed7;
  color: #CC0000;
}

/* Add an active class to highlight the current page */
.active {
    
    color: #CC0000;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}
.unnamed5 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}
.navi {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #CC0000; font-weight: bold}
.unnamed4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333}
.unnamed1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px}

@media only screen and (min-width:280px) {
    /* For Mobile: */
    
    body {  background-color: #95a712; 
            margin-left:0px;
            margin-top:0px;
}

table {
        width:100%;
      }
}

@media only screen and (min-width:380px) {
    /* For tablet: */
    
    body {  background-color: #95a712; 
            margin-left:0px;
            margin-top:0px;
}

table {
        width:100%;
        padding: 2px;
      }
}

@media only screen and (min-width:580px) {
    /* For tablet: */
    
    body {  background-color: #95a712; 
            margin-left:0px;
            margin-top:0px;
}

table {
        width:98%;
        padding: 10px;
      }
}




@media only screen and (min-width: 768px) {
    /* For desktop: */
    
    body {  background-color: #95a712; 
margin-left:20px;
margin-top:20px;
}
table {
        width:90%;
        padding: 20px;
      }


}
@media only screen and (min-width: 868px) {
    /* For desktop: */
    
    body {  background-color: #95a712; 
margin-left:40px;
margin-top:40px;
}
table {
        width:80%;
        padding: 30px;
      }


}
@media only screen and (min-width: 968px) {
    /* For desktop: */
    
    body {  background-color: #95a712; 
margin-left:100px;
margin-top:100px;
}
table {
        width:80%;
        padding: 40px;
      }


}
@media only screen and (min-width: 1024px) {
    /* For desktop: */
    
    body {  background-color: #95a712; 
margin-left:100px;
margin-top:100px;
}
table {
        width:80%;
        padding: 50px;
      }


}
.embed-container {
  position: relative; 
  padding-bottom: 90.05%; /* ratio 16x9 */
  height: 100%; 
  overflow: hidden; 
  width: 100%;
  
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom:100%;
}