.wrapper {
    width: 100%;
    margin: 0 0;
    text-align:center;
}




body {
    background-color: #4d0000;
}

/* unvisited link */
a:link {
    color: yellow; text-decoration:none;
}

/* visited link */
a:visited {
    color: lightblue;
}

/* mouse over link */
 a:hover {
    color: hotpink;
}

/* selected link */
a:active {
     color: white;
}

.header {width:94%; height:auto; text-align:center; font-family:arial; font-size:48px; background-color:lightblue; padding:10px;}


.button {display:inline-block; 
width:75px; background-color:yellow; 
border:solid black 1px; box-shadow:black 2px 2px; 
color:darkblue; font-family:arial; font-weight: bold; 
font-size:20px; padding:3px; margin:1px; }

    .floating-box {
    display: inline-block;
    font-family: Arial; 
font-size:16px; 
color: white; 
  border: 3px solid black;
background-color: #4d0000;
width: 97%; 
text-align:center;
padding:5px;
vertical-align:top;
}

    .floating-box2 {
    display: inline-block;
    width: 97%;
   height:auto;
   
    border: 3px solid black; 
padding:5px;  

font-size:18px;
vertical-align: top;

}

.nav {
    display: inline-block;
    vertical-align:top;
    width: auto;
    height: auto;
    margin: 1px;
     border: solid black 2px;
     border-radius:5px;
    font-family:Arial;
    font-size:3.5vmin;
    text-align:left;
    padding:2px;
    background-color:white;
font-weight:bold;
}

.content1 {font-family: Arial; text-align: left; font-size:18px; color: black; text-shadow: white 1px 1px;  background-color: white; padding:1%; width: 97%; clear:both; border: 3px solid black;}



@media screen and (min-width: 480px) {
    body {
        background-color: #4d0000;    }
    
 
    
    
    
       
    .floating-box {
    display: inline-block;
    font-family: Arial; 
font-size:20px; 
color: white; 
 border:none; 
background-color: #4d0000;
width: 40%; 
text-align:center;
padding:5px;
vertical-align:top;
}

    .floating-box2 {
    display: inline-block;
    float:right;
    width: 50%;
    height: auto;
    margin:5px;
     border: 3px solid black;
padding:4px;

vertical-align: top;
text-align:center;
}

.header {width:97%; height:auto; color:white; text-shadow:black 1px 2px 3px; text-align:center; font-family:arial; font-size:8vmin; background-color:lightblue; padding:20px;}

.button {display:inline-block; width:75px; 
background-color:white; border:solid black 1px; 
box-shadow:black 2px 2px; color:darkblue; font-family:arial; font-weight;normal; font-size:20px; padding:3px; margin:1px; }


.nav {
    display: inline-block;
    vertical-align:top;
    width: auto;
    height: auto;
    margin: 1px;
     border: solid black 2px;
     border-radius:5px;
    font-family:Arial;
    font-size:3.5vmin;
    text-align:left;
    padding:2px;
    background-color:white;
font-weight:bold;
}

.content1 {font-family: Arial; text-align: left; font-size:18px; color: black; text-shadow: white 1px 1px;  background-color: white; padding:1%; width: 97%; clear:both;}