.wrapper {

    width: 100%;

    margin: 0 0;

    text-align:center;

}


body {

    background-color: white;
}

a:link { 
     text-decoration:none;
} 

.colLeft {

width:97%;
font-family:arial;
font-size:4vmin;
padding:1%;
background-color:white;
border: solid black 1px;
text-align:center;
}

.colRight {

width:97%;
font-family:arial;
font-size:4vmin;
padding:1%;
background-color:white;
border: solid black 1px;
}


.nav {



  

    height: auto;
    width:auto;

    margin: 1px;

     border: solid black 2px;

     border-radius:5px;

    font-family:Arial;

    font-size:14px;

    text-align:center;

    padding:4px;

    background-color:white;

font-weight:bold;
text-decoration:none;

}



.content1 {font-family: Arial; text-align: left;  padding:1%; width: 97%; height:auto; clear:both; border: 1px solid black;}







@media screen and (min-width: 850px) {

    body {

        background-color: white;    }


a:link { 
    text-decoration:none;
} 






.colLeft {
float:left;
width:45%;
font-family:arial;
font-size:18px;
padding:2%;
background-color:white;
border: solid black 1px;
text-align:left;
}

.colRight {
float:right;
width:45%;
font-family:arial;
font-size:18px;
padding:2%;
background-color:white;
border: solid black 1px;
}


.nav {

  

  

    height: auto;
    width:70%;

    margin: 1px;

     border: solid black 2px;

     border-radius:5px;

box-shadow:blue 2px 2px 2px;

    font-family:Arial;

    font-size:18px;

    text-align:center;

    padding:4px;

    background-color:white;

font-weight:bold;

}


.content1 {font-family: Arial; text-align: left; font-size:12px;  padding:1%; width: 97%; height:auto; border: 1px solid black;}