.header {
    padding: 15px 30px;
    background: #3d3d3d
  }
  
  .header svg {
    width: 140px;
    height: auto;
    vertical-align: bottom
  }
  
  .footer {
    padding: 15px 30px;
    background: #3d3d3d
  }
  
  .footer svg {
    width: 140px;
    height: auto;
    vertical-align: bottom
  }
  
  .copyright {
    margin: 20px 0;
    color: #cccccc;
    font-size: 12px;
    text-align: right;
  }
  
  @media screen and (max-width:1280px) {
    body {
      margin: 0
    }
  }
  
  @media screen and (max-width:1200px) {
    body {
      margin: 0
    }
  }
  
  @media screen and (max-width:1024px) {
    body {
      margin: 0
    }
  }
  
  @media screen and (max-width:768px) {
    body {
      margin: 0
    }
  }
  
  @media screen and (max-width:480px) {
    body {
      margin: 0
    }
    .header {
      padding: 10px 15px
    }
    .footer {
      padding: 10px 15px
    }
  }
  
  @media screen and (max-width:375px) {
    body {
      margin: 0
    }
  }