body {
  background-color:#A4754F;
  font-family: serif;
}
.main {
background-color:#DDB08C;
 color:#543116;
 border-style: dashed;
 border-width:10px;
 width:700px;
 max-width:100%;
 height:auto;
 margin:auto;
 padding:20px;
 font-size:30px;
}
.nav {
  margin:auto;
  padding:10px;
  
}
ul{
   font-size:30px;
   text-align:center;
      }
li{
  display:inline;
  list-style-type:none;
  background-color:#8A4E1E; 
  padding:5px;
      }

hr{
 border-color:#543116;
}
        
a{
 color:#492000;
 text-decoration:none;
}
a:hover{
  color:#863F07;
 text-decoration:underline;
}

img {
 max-width:500px;
 display:inline-block;
 margin:auto;
 font-size:20px;
 text-align:center;
}

.profileicon{
 float:right;
 max-width:100%;
}
.relationships{
 border-style:double;
 border-width:5px;
 background-color:#9c7b61;
 padding:5px;
}
.contentbrowser{
 font-size:20px;
 border-style:double;
 background-color:#9C7B61;
 max-width:300px;
}

 @media (max-width: 600px) {    
 .main{
   max-width:300px;
   font-size:20px;
   padding:10px;
 }
 img {
 max-width:100%;
 font-size:15px;
 text-align:center;
}
.contentbrowser{
 font-size:15px;
 border-style:double;
 background-color:#9C7B61;
 max-width:200px;
}
 }