body {
  background-color: #f2f0ce;
}

#container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.bg_logo img {
  position: fixed;
  height: 155px;
  z-index: 0;
}

#header_container {
  top: 0px;
  width: 100%;
  height: 175px;
  z-index: 2;
  background-color: #f2f0ce;
  border-bottom: 5px dotted #f17d28;
  position: relative;
}

#header_left {
  float: left;
  width: 40%;
}

#header_middle {
  float: left;
  width: 20%;
}

#header_right {
  float: left;
  width: 40%
}

#menu {
  width: 170px;
  float: left;
  padding-top: 10px;
  z-index: 1;
  position: fixed;
}

#content {
  list-style-position: inherit;
  float: right;
  Width: 79%;
  padding-top: 10px;
  padding-left: 10px;
  z-index: 1;
  margin-bottom: 100px;
  min-height: 500px;
}

#footer {
  clear: both;
  background-color: #f17d28;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  bottom: 0;
  width: 1200px;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

@media screen and (max-width: 1200px) {
  #menu, #header_left, #header_right, .bg_logo img {
    display: none;
  }

  #content {
    width: 100%;
  }

  #mmenu {
    float: left;
    height: auto;
    width: 100%;
    background-color: hsl(162.9, 100%, 23.3%);
    margin-top: 25px;
  }

  #header_middle {
    width: 100%;
  }

  #footer {
    position: unset;
    width: auto;
  }
}