@import url('https://fonts.googleapis.com/css?family=Kanit:400,700,900|Rajdhani:200,300,400,500,600,700|Raleway:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One|Bungee+Shade|Cinzel+Decorative:400,700,900|Roboto+Slab:100,300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'UVUW';
    src: url("../fonts/UVUW.otf") format("opentype");
}

/*
Kanit:400,700,900
Rajdhani:200,300,400,500,600,700
Raleway:300,400,500,700,900
Alfa+Slab+One
Bungee+Shade
Cinzel+Decorative:400,700,900
Roboto+Slab:100,300,400,700

Montserrat 1,2,3,4,5,6,7,8,9
Montserrat Subrayada


font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat Subrayada', sans-serif;
*/
.tcenter {
  display: table;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80vh;
}

.tshadow {
  text-shadow: 2px 2px 3px #333;
}

@media screen and (min-width: 480px) {
  .tcenter {
    height: 100vh;
  }
}


.uvu{
  font-family: 'UVUW', sans-serif;
}
.raj {
  font-family: 'Rajdhani', sans-serif;
}

.kan {
  font-family: 'Kanit', sans-serif;
}

.ral {
  font-family: 'Raleway', sans-serif;
}

.alf {
  font-family: 'Alfa Slab One', cursive;
}

.cin {
  font-family: 'Cinzel Decorative', cursive;
}

.bun {
  font-family: 'Bungee Shade', cursive;
}

.rob {
  font-family: 'Roboto Slab', serif;
}

.offwhite {
  color: #B2B5AE;
}

.white {
  color: #ffffff;
}

.darkgrey {
  color: #000000;
}
.uvugreen{
  color:#275d38;
}
.uppercase{
 text-transform: uppercase;
}

.fw1 {
  font-weight: 100;
}

.fw2 {
  font-weight: 200;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.c7483 {
  color: #275d38;
}

.c348 {
  color: #00843d;
}

.c7738 {
  color: #48a23f;
}

.c368 {
  color: #78be20;
}

.bluish {
  color: #00312D;
}

.lightbluish {
  color: #156b64;
}

.f80 {
  font-size: 80px;
}

.f70 {
  font-size: 70px;
}

.f60 {
  font-size: 60px;
}

.f50 {
  font-size: 50px;
}

.f40 {
  font-size: 40px;
}

.f30 {
  font-size: 30px;
}

.f20 {
  font-size: 20px;
}

.f10 {
  font-size: 10px;
}

.vw5 {
  font-size: 5vw;
}

.vw6 {
  font-size: 6vw;
}

.vw7 {
  font-size: 7vw;
}

.vw8 {
  font-size: 8vw;
}

.vw9 {
  font-size: 9vw;
}

.vw10 {
  font-size: 10vw;
}

.vw15 {
  font-size: 15vw;
}

.vw20 {
  font-size: 20vw;
}

.h1 {
  font-size: 200px;
}

.h2 {
  font-size: 150px;
}

.h3 {
  font-size: 100px;
}

.h4 {
  font-size: 50px;
}

.p {
  font-size: 14px;
}

.pad5 {
  padding: 5px;
}

.pad10 {
  padding: 10px;
}

.pad15 {
  padding: 15px;
}

.pad20 {
  padding: 20px;
}

.pad25 {
  padding: 25px;
}

.pad30 {
  padding: 30px;
}

.pad35 {
  padding: 35px;
}

.pad40 {
  padding: 40px;
}

.pad45 {
  padding: 45px;
}

.pad50 {
  padding: 50px;
}

.pad55 {
  padding: 55px;
}

.pad60 {
  padding: 60px;
}

.pad65 {
  padding: 65px;
}

.pad70 {
  padding: 70px;
}

.pad75 {
  padding: 75px;
}

.pad80 {
  padding: 80px;
}