*{
    margin: 0%;
}
body{
    background-color: #EFEBCE;
    margin:0px;
}
p{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
header{
    position: relative;
    width:100%;
    background-color:#D6CE93;
    padding-bottom: 1%;
    margin:0px;

}
.header-main{
    background-color: #A3A380;
    text-align: center;
    width: 100%;
    padding-bottom: 0.5%;
}

.content{
    float: left;
    display: block;
    width:55%;
    background-color: #A3A380;
    padding: 2%;
    border-radius: 15px;
    margin-top: 10px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.content p{
    margin-top:10px;
}
aside{
    width: 37%;
    display:block;
    float:right;
  }
  aside .content{
    width: 100%;
    padding:10px;
    background-color:#A3A380;
    border-radius: 10px;
    height:auto;
    margin-top: 10px;
  }
  button{
    float: right;
    margin-right: 40%;
    background-color: #D6CE93;
    border-radius: 20px;
    padding:2%;
    padding-bottom: 3%;
  }
  button p{
    font-size: 20px;
  }
  #board img{
    clear: both;
    max-width:100%;
  }

  div{
    margin:auto;
    width:70%;
  }
  footer{
    clear: both;
    position: fixed;
    bottom:0;
    width:100%;
    background-color:#D6CE93;
    padding-top: 1%;
    margin:0px;
  }
  .footer-main{
    background-color: #A3A380;
    text-align: center;
    width: 100%;
    padding-top: 0.5%;
}

@media screen and (max-width: 1000px) {
    aside{
        display: none;
    }
    .content{
        width:100%;
        float:none;
    }
    body{
        font-size: 25px;
    }
}