@media (max-width: 768px) {
  .main-content {
    width: 100%;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .main-content {
    width: 608px;
    padding-right: 0px;
  }
}
@media (min-width: 992px) {
  .main-content {
    width: 628px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .main-content {
    width: 629px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .announces {
    width: 100%;
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .announces {
    width: 608px;
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .announces {
    width: 214px;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .announces {
    width: 424px;
    margin-top: 0px;
  }
}
.left-col {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0px 7px 0px 0px;
}
@media (min-width: 768px) {
  .left-col {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .left-col {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .left-col {
    float: left;
    width: 50%;
  }
}
.right-col {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .right-col {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .right-col {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .right-col {
    float: left;
    width: 50%;
  }
}

/*# sourceMappingURL=index.css.map */