/*## ###############################################################################
## Desktop ( min: 993, max: 2560 )
## ###############################################################################*/

html, body{
  background-color: #000;
}

body:not(.portal-popup) #main-content {
  background: #000;
}

body.portal-popup #main-content {
  background: #FFF;
}

.fullBox {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  clear: both;
  position: relative;
}

.fullBox1000 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  clear: both;
  position: relative;
}

.fullBox1200 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  position: relative;
}


.fullBox1440 {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
  clear: both;
  position: relative;
}

.fullBoxMenu {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  clear: both;
  position: relative;
}

p {
  color: #fff;
  font-family: "Noto";
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

h1 {
  color: #fff;
  font-family: "Poppins";
  font-size: 2em;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

h2 {
  color: #fff;
  font-family: "Poppins";
  font-size: 1.7500em;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

h3 {
  color: #fff;
  text-align: right;
  font-family: "Poppins";
  font-size: 1.5000em;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

h4 {
  color: #fff;
  font-family: "Poppins";
  font-size: 1.2500em;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

h5 {
  color: #000;
  text-align: center;
  font-family: "Poppins";
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


button.btn-register{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 130px;
  max-height: 52px;
  line-height: normal; 
  border-style: none; 
}

.btn-register {
  font-family: 'Poppins';
  display: inline-flex;
  padding: 14px 22px;
  border-radius: 32px;
  background: #0FB4F5;
  box-shadow: 0px 1px 3px 0px rgba(28, 27, 27, 0.10), 0px 1px 2px 0px rgba(28, 27, 27, 0.00);
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none;
  width: 130px;
  height: 52px;
  align-items: center;
  justify-content: center;
}
.btn-register:hover {
  color: #000;
  background: #66CFF9;
  box-shadow: 0px 0px 1px 0px rgba(28, 27, 27, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
  text-decoration: none;
}
.btn-register:focus {
  color: #000;
  background: #0FB4F5;
  border: 3px solid #FFF;
  text-decoration: none;
}
.btn-register:active {
  background: #0FB4F5;
  box-shadow: 0px 0px 1px 0px rgba(28, 27, 27, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
  color: #FFF;
  text-decoration: none;
}

/*## ###############################################################################
## Tablet ( min: 769, max: 992 )
## ###############################################################################*/

@media (min-width: 769px) and (max-width: 992px) {

  body div#main-content {
    margin-top: 63px;
  }
  .fullBox,
  .fullBox1000,
  .fullBox1200, 
  .fullBox1440 {
    width: 90%;
    max-width: 680px;
  }

  .fullBoxMenu {
    width: 100%;
    max-width: none;
    padding: 0 15px 0 48px;
  }

  h1{
    font-size: 1.75em;
  }

  h2{
    font-size: 1.5em;
  }

  h3{
    font-size: 1.25em;
  }

}



/*## ###############################################################################
## Mobile ( max: 768 )
## ###############################################################################*/

@media only screen and (max-width: 768px) {

  body div#main-content {
      margin-top: 57px;
  }

  .fullBox,
  .fullBox1000,
  .fullBox1200,
  .fullBox1440{
    width: 90%;
    max-width: 343px;
  }
  .fullBoxMenu {
    width: 100%;
    max-width: none;
    padding: 0 16px;
  }

  h1{
    font-size: 1.5em;
    line-height: 28px;
  }

  h2{
    font-size: 1.25em;
    line-height: 28px;
  }

  h3{
    font-size: 1.125em;
    line-height: 28px;
  }

  button.btn-register.btnMenuRegister, a.btn-register.btnMenuRegister {
    padding: 12px 121px;
    max-width: none;
  }

}