* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
   margin: 0px;
}

nav {
  float: left;
  width: 30%;
  background: #ccc;
  padding: 0px;
}

nav ul {
  list-style-type: none;
  padding: 0;
}

article {
  float: left;
  padding: 0px;
  width: 70%;
  background-color: #f1f1f1;
}

section::after {
  content: "";
  display: table;
  clear: both;
}

header {
  background-color: #777;
  padding: 0px;
  margin: 0px;
  text-align: center;
  color: white;
}

ul {
   margin-top: 0px;
}
header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

header,
header * {
  box-sizing: border-box;
}

header li {
  float: left;
}

header li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

header li a:hover {
  background-color: #111111;
}

@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}

#footer,
#footer * {
  box-sizing: border-box;
}

#footer {
 display: none;
 position: fixed;
 bottom: 0px;
  left: 0px;
   width: 100%;
   height: 60px;
     padding-left: 30px;
     padding-right: 30px;
     line-height: 60px;
     background: #303030;
     color: #fff;
    }
    
    #footer a {
      color: #fff;
    }

    #footer #description {
      float: left;
    }

    #footer #accept {
      float: right;
    }
    #footer #reject {
      float: right;
   }

    #footer #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    #footer #reject a {
      border: 1px solid #fff;
      padding: 5px 10px;
      margin: 5px;
      text-decoration: none;
    }


 #footer #deny a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: inherit;
        height: auto;
      }

      #footer #description {
        width: 100%;
      }

      #footer #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
     #footer #reject {
        width: 100%;
        margin-top: 15px;
      }

      #footer #reject a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }