* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    color: #333;
  }
  
  .section {
    position: relative;
    width: 1280px;
    border: 2px solid #333;
    border-top: none;
    text-align: center;
    margin: 100px auto 20px auto;
  }
  
  .section h1 {
    position: relative;
    margin-top: -14px;
    display: inline-block;
    letter-spacing: 4px;
  }
  
  .top-border{
    position: absolute;
    height: 2px;
    width: 35%;
    background-color: #333;
  }
  
  .right {
    right: 0;
  }
  
  .left {
    left: 0;
  }
  
  @media (max-width: 685px) {
  .top-border {	
    width: 18%;
      }
  }
  
  .section p {
    width: 61%;
    margin: 20px auto 40px auto;
    line-height: 30px;
  }
  
  .section a {
    outline: 0;
    display: inline-block;
    padding: 5px;
    color: #333;
    letter-spacing: 3px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
  }
  
  .section a:link, .section a:visited, .section a:link:hover, .section a:visited:hover {
    text-decoration: none;
  }

  .thumbnail {
    padding-top: 20px;
    height: 480px;
  }

  @media (max-width: 500px) {
    .top-border {	
      display: none;
    }
    .section {
    border-top: 2px solid #333;
    }
    .section h1 {
      margin: 20px 6px;
    }
  }