* {
    margin: 0;
}

@font-face {
  font-family: 'SFPRODISPLAYBOLD';
  src: url('../fonts/sfpro/SFPRODISPLAYBOLD.OTF');
}
@font-face {
  font-family: 'SFPRODISPLAYMEDIUM';
  src: url('../fonts/sfpro/SFPRODISPLAYMEDIUM.OTF');
}
@font-face {
  font-family: 'SFPRODISPLAYREGULAR';
  src: url('../fonts/sfpro/SFPRODISPLAYREGULAR.OTF');
}
@font-face {
  font-family: 'SquadaOne-Regular';
  src: url('../fonts/SquadaOne-Regular.ttf');
}
@font-face {
    font-family: 'Grotters';
    src: url('../fonts/Grotters.ttf');
  }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  font-family: 'SFPRODISPLAYREGULAR';
}

/********* HEADER *********/
.header {
    position: absolute;
    width: 100%;
    z-index: 11;
	text-align: center;
    /*display: flex;
    justify-content: space-between;
     border-style: solid;
    border-width: 0 0 1px;
    border-color: #FFFFFF30; */
    /* height: 120px; */
}
.header .logo {
  width: 265px;
  height: auto;
  margin-top: 20px;
  cursor: pointer;
}
.header .social-icons {
    align-self: center;
}
.header .social-icons ul {
    padding-left: 0px;
    list-style-type: none;
    display: flex;
    margin: 35px;
}
.header .social-icons ul li a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 22px;
}
.header .social-icons ul li {
  margin-left: 12px;
  margin-right: 12px;
}

@media (max-width: 600px) {
    .header .logo {
        width: 153px;
        height: 101px;
        margin-top: -3px;   
        /* display: none; */     
    }
    .header {
        height: 95px;
    }
    .header .social-icons {
      margin-left: auto;
      margin-right: auto;
      /* display: none; */
    }
    .header .social-icons ul li a {
      font-size: 22px;
    }
    .header .social-icons ul li {
      margin-left: 12px;
    }
}