* {
    box-sizing: border-box;
  }
.DefaultButton {
-webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, inset 5px 5px 31px 5px rgba(0,0,0,0); 
box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, inset 5px 5px 31px 5px rgba(0,0,0,0);
background: #1C6EA4;
padding: 40px 40px;
text-align: center;
text-decoration: none;
border: none;
}
.header {
    background-color: #1F87FF;
    color: #FFFFFF;
    padding: 10px;
}

.h1
{
    font-size: 40px;
}

@media only screen and (max-width: 650px) {
    /* For mobile phones: */
    [class*="h1"] {
      font-size: 20px;
    }
  
}

.buttonGreen {background-color: #4CAF50;} /* Green */
.buttonBlue {background-color: #008CBA;} /* Blue */
.Transparent{
    opacity: 0.0;
    filter: alpha(opacity=90);
    border: none;
}
.Opac {
    opacity: 0.9;
    filter: alpha(opacity=90);
    border: none;
}

.NavH
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.NavH li {
    display: inline-block;
    padding: 8px;
  }
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;    
    text-decoration: none;
    color: initial;
    font-size: 48px;
}
.NavMenu
{
    list-style-type: none;
    margin: 10px;
    padding-bottom: inherit;
}

.NavMenu li {
    display: block;
    padding: 5px;
  }

  .MenuButton {
    -webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, inset 5px 5px 31px 5px rgba(0,0,0,0); 
    box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, inset 5px 5px 31px 5px rgba(0,0,0,0);
    background: #1C6EA4;   
    text-align: center;
    text-decoration: none;
    border: none;
    padding-block: inherit;
    }

.menu {
    width: 25%;
    float: left;
    padding: 15px;   
    background: #1C6EA4; 
  }

  .content {
    width: 75%;
    float: left;
    padding: 15px;
    border: 1px solid black;
  }