@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Raleway:900|Kanit:600");
.primary-text-fg {
  color: #4d4848;
}

a.primary-text-fg:hover {
  color: #332f2f;
  text-decoration: none;
}

.primary-text-bg {
  background-color: #4d4848;
}

.primary-bg {
  background-color: #ddd;
}

.primary-base-fg {
  color: #ddd;
}

a.primary-base-fg:hover {
  color: #c4c4c4;
  text-decoration: none;
}

.secondary-text-fg {
  color: #373737;
}

a.secondary-text-fg:hover {
  color: #1e1e1e;
  text-decoration: none;
}

.secondary-text-bg {
  background-color: #373737;
}

.secondary-bg {
  background-color: #2776dd;
}

.secondary-base-fg {
  color: #2776dd;
}

a.secondary-base-fg:hover {
  color: #1c5eb5;
  text-decoration: none;
}

.tertiary-text-fg {
  color: #333;
}

a.tertiary-text-fg:hover {
  color: #1a1a1a;
  text-decoration: none;
}

.tertiary-text-bg {
  background-color: #333;
}

.tertiary-bg {
  background-color: #09def2;
}

.tertiary-base-fg {
  color: #09def2;
}

a.tertiary-base-fg:hover {
  color: #07b1c1;
  text-decoration: none;
}

html, body {
  background-color: #444;
  color: #4d4848;
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  font-weight: 500;
}

* {
  margin: 0;
}

.border-bottom {
  border-bottom: 2px solid #333 !important;
}

.border-top {
  border-top: 2px solid #333 !important;
}

.raleway-900 {
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: 900;
}

.kanit-600 {
  font-family: "Kanit", Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.font-bigger-19p {
  font-size: 19px;
}

#main-footer {
  position: relative;
}

.primary-color {
  color: #4d4848;
  text-decoration: none;
}

.nav-label {
  margin-top: 10px;
}

.navbar-item-entry {
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.navbar-item-entry:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.carousel-item img {
  height: 400px;
}

a.font-small {
  font-size: 0.7em;
  text-decoration: underline;
}

.icon {
  width: 40px;
  height: 40px;
  border: 1px solid #3f3e3e;
  padding: 0.6em;
  margin: 0.3em;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.icon img {
  stroke: #fff;
}

.icon.touchable {
  width: 72px;
  height: 72px;
}

.icon.round {
  border-radius: 50%;
}

.icon:hover {
  background: #505050;
}

.font-weight-400 {
  font-weight: 400;
}

.modal {
  border: 1px solid #222 !important;
  border-radius: .25em;
}

.carousel-bg-helper {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

@media (min-width: 500px) {
  .width-md-100 {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .width-sm-100 {
    width: 100% !important;
  }
}

@media (max-width: 990px) {
  .mq-small {
    font-size: 2em;
  }
  .mq-center {
    text-align: center;
  }
}
/*# sourceMappingURL=app.css.map */