@charset "UTF-8";

@import url("fonts.css");
@import url("reset.css");
@import url("header.css");
@import url("content.css");
@import url("footer.css");

body,
html {
  height: 100%;
  overflow: hidden;
}

.container {
  position: relative;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

@media (max-width: 1440px) {
  .container {
    max-width: 1200px;
  }
}

@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 960px;
    padding: 0 16px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 688px;
  }
}

@media (max-width: 375px) {
  .container {
    max-width: 343px;
  }
}