img.logo {
    display:block;
    margin-left:auto;
    margin-right: auto;
    background-color:darkslategrey;
    border: 10px solid black;
    width: 75%;
}
body{
    background-color: firebrick;
}
.main {
    background-color: dimgrey;
    margin: 0 auto; 
    width: 75%;
}
.content{
    height:200%;
    background-color:darkgray;
    font-family: Arial;
}
.ctext{
    position: relative;
    left: 10px;
    width: 96%;
}
.link {
    background-color: beige;
}
.links ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}
.links li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #888;
}
 
.links a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}
 
.links a:hover {
  background-color: #005f5f;
}
 
.links a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
 
@media screen and (min-width: 600px) {
.links li {
    width: 120px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }

.links li {
    display: inline-block;
    margin-right: -4px;
  }