@font-face {
    font-family: "welp";
    src: url("rsc/Web437_IBM_Model3x_Alt2.woff");
}

body {
	font-family: welp;
  background: #751710 url("rsc/cats.jpg"); 
  background-size: 90px;
	font-size:14px;
  }
  
a {
  color: #05225e;
  }
  
/*Everything goes inside this.*/
.container {
  margin: 0 auto;
  width:800px;
  margin-top:5px;
  margin-bottom:5px;
  }
  
/*Main boxes.*/
.main {
  background: #ffffff;
  border:3px double black;
  margin-left:200px;
  padding: 12px 17px;
  margin-bottom:35px;
  margin-top:35px;
  }

/*Sidebar*/
.side {
  background: #ffffff;
  padding:10px 12px;
  border: 3px double black;
  margin-top:225px;
  max-height:300px;
  overflow:auto;
  width:135px;
  position:fixed;
  text-align:center;
  }
  
.side img {
  border: 3px double black;
  margin: 0 auto;
  margin-left: -3px; /*border pushes it to the right otherwise*/
  }

/*Prevent image overflow*/  
.main img, .side img {
  max-width: 100%;
  height: auto;
  }
  
  .big-red{
    color: #751710;
  }
  
/*For narrower screens.*/
@media(max-width:850px) {
  .container {
    width:700px;
  }
  .main {
    margin-left:175px;
    }
  .side {
    width:100px;}
  }