/*
************************************
** Styles for mcup.game-set-match.de
************************************
*/
/*
** Color Values
*/
/*
** Font Sizes
*/
/* 12px */
/* 14px */
/* 18px */
/* 20px */
/* 30px */
/* 40px */
/*
** Fonts
*/
/*
** Width Variables
*/
/*
******************************
** Media Query Mixin
******************************
*/
@media screen and (max-width: 750px) {
  .header .logo {
    width: 200px;
  }
}
@media screen and (max-width: 640px) {
  .header .logo {
    width: 100px;
  }
}
.header .logo-turnier {
  width: 405px;
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .header .logo-turnier {
    width: 250px;
    margin-top: 37px;
  }
}
@media screen and (max-width: 640px) {
  .header .logo-turnier {
    width: 150px;
    margin-top: 32px;
  }
}

@media screen and (max-width: 640px) {
  .sticky-header .header--turnier .logo {
    width: 100px;
  }
}
.sticky-header .header--turnier .logo-turnier {
  width: 300px;
}
@media screen and (max-width: 750px) {
  .sticky-header .header--turnier .logo-turnier {
    width: 200px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .sticky-header .header--turnier .logo-turnier {
    width: 150px;
  }
}

.buttons {
  top: 175px;
}
@media screen and (max-width: 1350px) {
  .buttons {
    top: 164px;
  }
}
@media screen and (max-width: 750px) {
  .buttons {
    top: 153px;
  }
}
@media screen and (max-width: 640px) {
  .buttons {
    top: 132px;
  }
}
.buttons .map > a {
  padding: 14px;
}
@media screen and (max-width: 1350px) {
  .buttons .map > a {
    padding: 4px;
  }
}
@media screen and (max-width: 640px) {
  .buttons .map > a {
    padding: 0;
  }
}

.sticky-header .buttons {
  top: 132px;
}