@charset "UTF-8";

@media screen and (max-width:961px){
  header{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  header img{
    width: 100%;
  }

  footer{
    background-color: #9e9e9e;
    text-align: center;
    padding: 24px 0;
    margin-top: 48px;
  }

  footer a{
    color: black;
  }

  footer ul{
    width: 100%;
    list-style: none;
    display: flex;
    padding: 0;
    justify-content: space-around;
    box-sizing: border-box;
  }
}







@media screen and (min-width:960px){
  header{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  header img{
    width: 100%;
  }

  footer{
    background-color: #9e9e9e;
    text-align: center;
    padding: 24px;
    margin-top: 48px;
  }

  footer a{
    color: black;
  }

  footer ul{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    display: flex;
    justify-content: space-around;
  }

}