body {

    background-color: #fff;
     font-family: "Chakra Petch", sans-serif;
    color: #fff;
}

.main-ol {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);

}
.dc img, .dc a img {
    height: 35px;
    margin-right: 30px;
    margin-bottom: 30px;

}
/* -------------------------------------------------------------------------- */
/*                                 Typography                                 */
/* -------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2196F3;
    font-family: "Jersey 25", sans-serif;

}

p {  font-family: "Chakra Petch", sans-serif; }

.mt-50 {
    margin-top: 50px;
}
a {
    color: #fff;
    text-decoration: none !important
}



/* CSS */
.button-82-pushable {
    font-family: "Jersey 25", sans-serif;

  position: relative;
  display: inline-block;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  transition: filter 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-bottom: 40px;
}

.button-82-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.25);
  will-change: transform;
  transform: translateY(2px);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
}

.button-82-edge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background: #83bfef;

}

.button-82-front {
  display: block;
  position: relative;
  padding: 12px 27px;
  border-radius: 1000px;
  font-weight: 800;
  font-size: 1.4rem;
  color: #fff;
  background-color: #2196F3;
 
  will-change: transform;
  transform: translateY(-4px);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
}
.b-text {
    color: #2196F3;
}

@media (min-width: 768px) {
  .button-82-front {
    font-size: 2.5rem;
    padding: 12px 42px;
  }
}

.button-82-pushable:hover {
  filter: brightness(110%);
}

.button-82-pushable:hover .button-82-front {
  transform: translateY(-6px);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-front {
  transform: translateY(-2px);
  transition: transform 34ms;
}

.button-82-pushable:hover .button-82-shadow {
  transform: translateY(4px);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-shadow {
  transform: translateY(1px);
  transition: transform 34ms;
}

.button-82-pushable:focus:not(:focus-visible) {
  outline: none;
}
/* -------------------------------------------------------------------------- */
/*                                Main Content                                */
/* -------------------------------------------------------------------------- */
.header {
    padding: 60px 0px 40px 0px;
    background-image: url(../img/bgvikings.png);
    background-color: #00011e;
    background-size: cover;
    background-position: top center;
    border-top: 0px solid #c87b1a;
    min-height: 500px;
    position: relative;
}
.header .container {
    position: relative;
    z-index: 9
}
.header p {
    margin: 30px 0px;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 2.2rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
img.logo {
    width: 400px;
    max-width: 90%;
    margin: auto
}
img.dwarf {
    width: 450px;
    max-width: 90%;
    margin: auto
}
.header-content {}

.header-content img {
    width: 350px;
    max-width: 80%;
    margin-bottom: 30px;
}

.main-wrapper {
    position: relative;
    padding: 20px 15px 30px 15px;

}

.main-content {
   
    border-radius: 20px;
    /*background: rgb(83,42,18);
    background: radial-gradient(circle, rgba(83,42,18,1) 0%, rgba(39,0,4,1) 100%);
    */
    padding: 20px;
    min-height: 300px;
   border: 0px solid #040c21;
   box-shadow: 0 0 50px 10px rgba(250,188,122,0);
  
  
}

.main-content h1 {
    font-size: 4.5rem;
}
.main-content h4 {
    color: #fff;
}
.main-content p {
    color: #000
}

.h-text {
    font-size: 2rem;
}

.f-img {
    padding: 30px 0px;
}

.f-img img {
    margin-bottom: 15px;
    border-radius: 10px;
}
.cs p {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.7rem;
}
.cs img {
    width: 190px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.mhc img {
    width: 180px;
    margin: 10px 10px 10px 0px
}



.newsletter__form {

    justify-content: space-between;
    min-width: 48%;
}

.newsletter__form-input {
    flex-basis: 100%;
    margin-right: 15px;
    border-radius: 12px;
    padding: 15px;
    border: 0px;
    width: 100%;
}

[type=submit] {
    width: 100%;
    background: #ff36b5;
    border: 0;

    border-bottom: 4px solid #d72c98;
    border-radius: 12px;
    padding: 15px 20px;
    font-weight: 800;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
}

form p {
    font-size: 3rem;
}

.news-form {
    margin: 40px 15px;
}

.news-form p {
    color: #fff
}

.news-form h2 {
    
}



.page-header {
    padding: 80px 0px 80px 0px;
    background-image: url(../img/bgsalmon.png);
    background-color: #121217;
    background-size: cover;
    background-position: center center;
    border-top: 12px solid #c87b1a;
    min-height: 100px;
    position: relative;
}
.page-header .container {
    position: relative;
    z-index: 9
}
.page-header h1 {
    font-size: 3rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.page-wrap {
    color: #000;
    position: relative;
    padding: 80px 0px 60px 0px;
    min-height: 300px;
    width: 100%;
    overflow-x: hidden;
}
.page-wrap p {
    color: #000
}
.page-wrap ul li {
    color: #000
}
#unity-container {
    width: 75%
}

.main-content img {
    width: 100%;
    border-radius: 20px;
    margin-top: 80px;
}










/* -------------------------------------------------------------------------- */
/*                                   Footer                                   */
/* -------------------------------------------------------------------------- */
.footer {
    background-color: #080027;
    position: relative;
    padding: 20px 15px;
}

.footer a {
    color: #2196F3;
}
.footer p {
    font-size: 0.9rem;
    margin-bottom:0px;
}
.copyright{
    margin-top:5px;
}
.object {
    animation: MoveUpDown 4s linear infinite;
   
    left: 0;
    bottom: 0;
  }
  
  @keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
/* -------------------------------------------------------------------------- */
/*                                 Responsive                                 */
/* -------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:991px){
    .main-content h1{
        font-size:3rem;
    }
}

@media screen and (max-width:767px){
    .dc img, .dc a img{
        margin-right:5px;
        margin-bottom:10px;
        height:30px;
    }
    .main-content img{
        margin-top:20px;
    }
}
@media (max-width: 650px) {
    .header {
        padding: 50px 0px 40px 0px;
        text-align: center;
        min-height: 200px;
  }
   .main-content img {
        width: 100%;
    }

  .header p {
  
    font-size: 1rem;
    line-height: 1.5rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.button-82-pushable {
    margin-bottom: 30px;
}
img.logo {
    width: 200px;
}
img.dwarf {
    width: 300px;
    min-width: 80%;
}
.main-content {
    padding: 10px;
}
.main-content h1 {
    font-size: 2rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.mt-50 {
    margin-top: 10px;
}
.button-82-front {
    font-size: 1.8rem;
    padding: 12px 40px;s
}
#unity-container {
    width: 90%
}
.cs p {
    font-size: 0.85rem;
    font-weight: 300;
    line-height: 1.3rem;
}
.page-wrap p {
    font-size: 0.9rem;
}
}