@import "https://fonts.googleapis.com/css?family=Niramit";

/* test remove scrollable menu soon */
.scrollable-menu {
  height: auto;
  max-height: 320px;
  overflow-x: hidden;
}

.main-blue {
background: #12343b;
}
.derivative-blue {
  background:#2d545e ;
}

.main-brown {
background: #c89666 ;
}
.derivative-brown {
background: rgb(250, 234, 0) ;
}
.main-white {
background: white;
}
.white {
  color:white;
}
.yellow-text {
  color: yellow;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .top-centered {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family:'Montserrat, sans-serif';
    color:white;
    font-weight: 200;
    font-size: 3.5rem;
    font-style: normal;
    letter-spacing: 0.2px;
  }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .top-centered {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family:'Montserrat, sans-serif';
    color:rgb(3, 1, 159);
    font-weight: 200;
    font-size: 3.5rem;
    font-style: normal;
    letter-spacing: 0.2px;
  }
 }


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .top-centered {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family:'Montserrat, sans-serif';
    color:white;
    font-weight: 200;
    font-size: 3.5rem;
    font-style: normal;
    letter-spacing: 0.2px;
  }
 }