body {
  background-image: url('images/spring.jpg');
  background-size: cover;  /* Ensures the image covers the entire area */
  background-position: center;  /* Centers the background image */
  background-repeat: no-repeat;  /* Prevents the image from repeating */
  background-attachment: fixed;  /* Keeps the background fixed while scrolling */
  font: 20px Garamond, "Times New Roman";
}

body {
    cursor: url("images/wiipoint.png"), auto;
}
  
center {
  text-align: center;
  }
  
/*Contains everything*/
.wrapper {
  width: 1150px;
  background: #faf0e6;
  margin: 0 auto;
  top: 0;
  margin-top: -10px;
  border: 10px solid #FFF6EB; 
  margin-bottom: -10px;
  }
  
/*Contains main and sidebar divs*/
.wrapper-2 {
  position: relative;
}
  
/*Header and footer images*/
.header, .footer {
  height: 200px;
  overflow: hidden;
  background: linear-gradient(rgb(0,0,0,0.1),rgb(0,0,0,0.1)), url("images/plaid.jpg"); /*This is the image in the header and footer. Replace it with your own!*/
  background-size:cover;
  }
  
.footer {
  height: 50px;
  }
  
.header img {
  border-top: 0px;
  }
  
  
/*Big title at the top of the page.*/  
.title {
  padding: 15px 10px 10px 20px;
  }
  
/*Override default margins/padding for headings.*/
.title h1, .title h2, .title h3 {
  padding:0;
  margin: 0;
  }

/*Container for top row of links.*/
.links {
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
  background-image: url('images/woodpanel1.jpg');
  background-position: center;
  }
  
/*Div style for individual links.*/
.link {
  text-align: center;
  display: inline-block;
  list-style-type: none;
  float: none;
  font-weight: bold;
  font-size: 1.16em;
  padding: 5px;
  margin-right: 10px;
  margin-left: 10px;
  border: 0px solid red;
  color: #12282f;
  }
  
.link a {
  color: white;
  text-decoration: none;
  }
  
  /*Prevent overflow of large images in main text areas.*/
.box img {
  max-width: 100%;
  height: auto;
  }
  
  /* Mobile compatibility. Puts everything into a standard vertical layout. */
@media(orientation:portrait) {
  .wrapper {
    width: 96vw;
    margin: 0 auto;
    padding:0;
    position: relative;
    }
  .wrapper-2 {
    width: 94vw;
    margin: 0 auto;
    padding:0;
    position: relative;
    }
  .sidebar-left, .main, .sidebar-right {
    position: relative;
    width: 92vw;
    margin: 0.25rem 1vw;
    }
  .sidebar-left, .sidebar-right {
    font-size: 0.95em;
    }

  }