html {
  min-height: 100%;
  position: relative; }
  @media (max-width: 1920px) {
    html {
      font-size: 20px;
      overflow-y: scroll;
      -webkit-text-size-adjust: 20px;
      -ms-text-size-adjust: 20px; } }
  @media (min-width: 1920px) {
    html {
      font-size: 25px;
      overflow-y: scroll;
      -webkit-text-size-adjust: 25px;
      -ms-text-size-adjust: 25px; } }

body {
  background: #252525; }

*:focus {
  outline: none; }

#page-wrapper {
  visibility: hidden; }

#loader {
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border: 16px solid #f3f3f3;
  border-top: 16px solid #D66B22;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#navigation {
  z-index: 999; }
  #navigation .nav-link {
    font-size: 25px;
    padding: 10px 20px 10px 20px; }
  #navigation .nav-link:hover {
    background-color: #343434; }
  @media (max-width: 1000px) {
    #navigation {
      background-color: #252525;
      position: relative; }
      #navigation #logo {
        width: 75px;
        padding: 10px; }
      #navigation .nav-link {
        font-size: 20px; } }

.home-navigation {
  position: absolute; }
  .home-navigation #logo {
    width: 150px; }

.sub-navigation {
  position: relative;
  background-color: #252525; }
  .sub-navigation #logo {
    width: 100px; }

#header {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  #header .leading-text {
    font-family: 'Skranji', cursive;
    font-size: 4vw;
    color: #D66B22; }
  #header .sub-text {
    color: #ffffff;
    font-size: 2.5vw; }
    #header .sub-text a {
      padding: 10px; }
  #header #header-button {
    background-color: #343434;
    padding: 25px;
    font-size: 25px;
    border-radius: 5px; }
  #header #header-button:hover {
    background-color: #212121; }
  #header a {
    color: #ffffff; }
  #header a:hover {
    text-decoration: none;
    color: #ffffff; }
  @media (max-width: 500px) {
    #header .sub-text a {
      display: block;
      padding: 3px 0px 3px 0px; } }
  @media (max-width: 650px) {
    #header .leading-text {
      font-size: 35px; }
    #header .sub-text {
      font-size: 25px; }
    #header #header-button {
      font-size: 20px; }
    #header #header-sub {
      display: none; } }
  @media (min-width: 650px) and (max-width: 1000px) {
    #header .leading-text {
      font-size: 50px; }
    #header .sub-text {
      font-size: 35px; }
    #header #header-sub {
      display: none; } }

#content {
  background: #ffffff;
  padding: 100px 0 100px 0; }
  @media (max-width: 1280px) and (min-width: 720px) {
    #content {
      padding: 50px 00px 50px 00px; } }
  @media (max-width: 720px) {
    #content {
      padding: 40px 20px 40px 20px; } }
  #content a {
    color: #337ab7; }
  #content a:active {
    color: #000000; }
  #content .elementor-button-text {
    color: #ffffff; }

#footer {
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  padding: 100px 0 100px 0; }
  #footer .social-image {
    width: 75px; }
  @media (max-width: 1280px) and (min-width: 720px) {
    #footer {
      padding: 50px 00px 50px 00px; } }
  @media (max-width: 720px) {
    #footer {
      padding: 40px 20px 40px 20px; } }

/*# sourceMappingURL=master.css.map */