/* ZPC 2020 - Designed and Developed by Seventhfury Studios */
/* ----- SCSS STYLES ----- */
/* Testing Border Quick Mixins */
/* Alpha Fade Mixins */
/*	@include border-radius(10px); */
/* 	@include box-shadow(0px 0px 8px $color_dark); */
/* @include text-shadow(0, 3px, 3px, #333); */
/*  @include animate  */
/* Media Size Mixins */
/* Uses Bootstrap 4 breakpoints */
/*  @include max* || then use {} around content  */
/* Add CSS3 animations to elements below */
a, a:active, a:link, a:visited, a:hover, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*  Chrome Font Issue Reset  */
body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/* ----- CSS STYLES ----- */
body, html {
  font-family: "Anton", sans-serif;
  color: #68174C;
  text-align: center;
  font-size: 22px;
  /*font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));*/
}
@media (max-width: 1200px) {
  body, html {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  body, html {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  body, html {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  body, html {
    font-size: 14px;
  }
}

.logo {
  width: 100% !important;
  display: block;
  max-width: 450px !important;
  margin: 40px auto;
}

a.btn {
  background: #F97813;
  display: block;
  max-width: 430px;
  color: white;
  margin: 30px auto;
  padding: 30px;
  font-size: 1.3em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.btn:hover {
  background: #68174C;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.copyright {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #777;
}