body {
    background-color: rgb(230, 184, 0);
    margin: 40px;
}

#header {
    margin: 30px;
    font-size: 35px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#Photo {
    width: 300px;
}

#saksofon {
    width: 250px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.column1 {
    float: left;
    width: 40%;
    margin: 15px;
    background-color: rgb(230, 184, 0);
    padding: 20px;
  }

  .column2 {
    float: left;
    background-color: rgb(250, 237, 186);
    width: 45%;
    margin: 40px;
    padding: 10px;
    border: 4px dotted;
  }

  h2 {
    font-size: 40px;
    padding: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

  table, th, td {
    border:1px solid black;
    border-spacing: 2px;
    width: 100%;
    background-color: rgb(230, 184, 0);
  }

  th, td {
    padding: 15px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

  li {
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

/*

  @media screen and (max-width: 600px) {
    .column1 {
      width: 100%;
    }
  }

  @media screen and (max-width: 600px) {
    .column2 {
      width: 100%;
    }
  }

  @media screen and (max-width: 600px) {
    #Photo {
      width: 100%;
    }
  }

  @media screen and (max-width: 600px) {
    table, th, td {
      width: 100%;
    }
  }

  .row:after {
    content: "";
    display: table;
    clear: both;
  }*/