@media screen and (max-width: 1200px) {
  html { font-size: 14px; }
}

@media screen and (max-width: 1080px) {
  html { font-size: 12px; }
}

@media screen and (max-width: 960px) {
  html { font-size: 11px; }
}

.b-none {
  border-width: 0 !important;
}

.b-white {
  border: 1px solid white;
}

.b-gray {
  border: 1px solid #CCCCCC;
}

.bg-gray {
  background-color: #333333;
}

.bg-none {
  background: none;
}

.bg-white {
  background-color: white;
}

.br-se {
  border-radius: 0 0 5px 0;
}

.br-sw {
  border-radius: 0 0 0 5px;
}

.c-white {
  color: white;
}

.d-block {
  display: block;
}

.flex {
  display: flex;
}

.flex-align-center {
  align-items: center;
}

.flex-center {
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-grow {
  flex: 1;
}

.flex-left {
  justify-content: left;
}

.flex-space-between {
  justify-content: space-between;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.fs-0p875 {
  font-size: 0.875rem;
}

.fs-0p9 {
  font-size: 0.9rem;
}

.fs-1p125 {
  font-size: 1.125rem;
}

.fs-1p25 {
  font-size: 1.25rem;
}

.fs-1p5 {
  font-size: 1.5rem;
}

.fs-2p5 {
  font-size: 2.5rem;
}

.fs-10 {
  font-size: 10rem;
}

.fw-normal {
  font-weight: normal;
}

.h-2p5 {
  height: 2.5rem;
}

.h-4w-important {
  height: 4vw !important;
}

.h-6w {
  height: 6vw;
}

.h-14w {
  height: 14vw;
}

.h-15w {
  height: 15vw;
}

.h-31w {
  height: 31vw;
}

.is-full-screen {
  max-width: 100%;
  width: 100%;
}

.lh-1 {
  line-height: 1rem;
}

.lh-1p25 {
  line-height: 1.25rem;
}

.lh-1p5 {
  line-height: 1.5rem;
}

.lh-2p5 {
  line-height: 2.5rem;
}

.lh-10 {
  line-height: 10rem;
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-3 {
  letter-spacing: 3px;
}

.links-stay-blue a:visited {
  color: #0090d0;
}

.links-stay-blue a:hover {
  color: #0090d0;
}

.links-stay-royal a {
  color: #006098;
}

.links-stay-royal a:active {
  color: #006098;
}

.links-stay-royal a:visited {
  color: #006098;
}

.links-stay-royal a:hover {
  color: #006098;
}

.links-stay-blue a:active {
  color: #0090d0;
}

.links-stay-teal a {
  color: #23d0af;
}

.links-stay-teal a:visited {
  color: #23d0af;
}

.links-stay-teal a:hover {
  color: #23d0af;
}

.links-stay-teal a:active {
  color: #23d0af;
}

.links-stay-white a {
  color: #ffffff;
}

.links-stay-white a:visited {
  color: #ffffff;
}

.links-stay-white a.button:visited {
  border-color: #ffffff;
}

.links-stay-white a:hover {
  color: #ffffff;
}

.links-stay-white a.button:hover {
  border-color: #ffffff;
}

.links-stay-white a:active {
  color: #ffffff;
}

.links-stay-white a.button:active {
  border-color: #ffffff;
}

.m-0-auto {
  margin: 0 auto;
}

.m-1 {
  margin: 1rem;
}

.mb-0p75 {
  margin-bottom: 0.75rem;
}

.mb-1p75 {
  margin-bottom: 1.75rem;
}

.mb-2p5 {
  margin-bottom: 2.5rem;
}

.mr-0p5 {
  margin-right: 0.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2w {
  margin-top: 2vw;
}

.mt-10h {
  margin-top: 10vh;
}

.mt-10h-plus-5 {
  margin-top: calc(10vh + 5rem);
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-50 {
  margin-bottom: 50px;
}

.p-0 {
  padding: 0;
}

.p-30px {
  padding: 30px;
}

.p-8px {
  padding: 8px;
}

.p-2w {
  padding: 2vw;
}

.pb-0  {
  padding-bottom: 0;
}

.pl-0p5 {
  padding-left: 0.5rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pre-wrap {
  overflow-wrap: break-word;
  white-space: pre-wrap;
};

.sky {
  color: #0090d0;
}

.slate {
  color: #515151;
}

.square-2 {
  width: 2rem;
  height: 2rem;
}

.square-15w {
  padding: 40px;
}

.stay-white {
  color: white;
}

.stay-white:hover {
  color: white;
}

.t-center {
  text-align: center;
}

.t-left {
  text-align: left;
}

.td-underline {
  text-decoration: underline;
}

.tt-none {
  text-transform: none;
}

.tt-uppercase {
  text-transform: uppercase;
}

.w-25w {
  width: 25vw;
}

.w-32w {
  width: 32vw;
}

.w-48w {
  width: 48vw;
}

.w-100pc {
  width: 100%;
}

#content {
  min-height: 100vh;
}

.grow:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.grow {
  transition: 200ms all;
}

/* Override Bulma built-in rulesets */
.message {
  align-self: stretch;
}

.message .is-success {
  background-color: #23D5AB;
}

.modal-card {
  background-color: #333;
  color: white;
}

.modal-card-head {
  border-bottom: 1px solid #ffffff !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.modal-card-body {
  color: #515151;
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
}

.modal-card-body form {
  padding-bottom: 0;
  padding-top: 0;
}

#user-data {
  display: none;
}

.magin-modal {
	margin-bottom: 20px;
}

.form-field-helper {
  padding: 10px;
  background: #000;
  position: top;
  top: 60px;
  left: -5px;
  right: -5px;
  font-weight: 300;
  z-index: 999;
  -webkit-box-shadow: 0 1px 20px rgba(34, 44, 55, 0.3);
  -moz-box-shadow: 0 1px 20px rgba(34, 44, 55, 0.3);
  box-shadow: 0 1px 20px rgba(34, 44, 55, 0.3);
  margin-top: 10px !important;
  color: #FFF;
}

.form-field-helper:before {
  display: block;
  top: -19px;
  left: 50px;
  z-index: 18;
  border: transparent 10px solid;
  border-bottom-color: #fff;
}

.hide {
  display: none !important;
}

.invalid:after{
  padding-left: 1rem;
  color: #ff8080;
  content: "X";
  font-weight: 900;
}

.valid:after{
  padding-left: 1rem;
  color: #99ff66;
  content: "✓";
  font-weight: 900;
}

.panel-signup {
	flex: 2;
	min-width: 300px;
  background:linear-gradient(to left, rgba(204,204,204,1), rgba(204,204,204,0.75));
	padding: 100px 40px 40px 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}