@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('../fonts/AktivGrotesk-Regular.ttf') format('truetype'), url('../fonts/AktivGrotesk-BoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SuzukiPro';
  src: url('../fonts/SuzukiPRORegular.ttf');
}

@font-face {
  font-family: 'SuzukiProHead';
  src: url('../fonts/suzukiPROHeadline.ttf');
}

@font-face {
  font-family: 'SuzukiProHeadline';
  src: url('../fonts/suzukiPROHeadline.ttf');
}
@font-face {
  font-family: 'SuzukiProBold';
  src: url('../fonts/suzukiPROBold.ttf');
}

@font-face {
  font-family: 'SuzukiProIE';
  src: url('../fonts/SuzukiPRORegular.eot');
}

@font-face {
  font-family: 'SuzukiProHeadIE';
  src: url('../fonts/suzukiPROHeadline.eot');
}

@font-face {
  font-family: 'SuzukiProBoldIE';
  src: url('../fonts/suzukiPROBold.eot');
}

.aktiv-grotesk-font {
  font: 300 29px/40px 'Aktiv Grotesk', Helvetica, sans-serif !important;
  margin:0;
  color: #FFF;
}

input.aktiv-grotesk-font-normal::placeholder, textarea.aktiv-grotesk-font-normal::placeholder {
  color: #bcbcbc !important;
}
input.aktiv-grotesk-font-normal, textarea.aktiv-grotesk-font-normal {
  font-family: 'Aktiv Grotesk', Helvetica, sans-serif !important;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  padding: 6px 12px;
  border: 1px solid #ccc;
  resize: none;
  background-color: #FFFFFF !important;
}

p.aktiv-grotesk-font-normal {
  font: 500 1.4em/1.15em 'Aktiv Grotesk', sans-serif !important;
  margin:0;
}

button.aktiv-grotesk-font-normal {
  font-family: 'Aktiv Grotesk', Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer !important;
  transition: background-color 0.3s;
  font-size:20px;
}
p.aktiv-grotesk-font-footer, a.aktiv-grotesk-font-footer, span.aktiv-grotesk-font-footer {
  font-family: 'Aktiv Grotesk', Helvetica, sans-serif !important;
  font-size: 16px;
  margin:0;
  color: #FFFFFF; !important;
  text-align: center;
}

@media screen and (max-width:600px){
  p.aktiv-grotesk-font-footer, a.aktiv-grotesk-font-footer, span.aktiv-grotesk-font-footer {
    font-size: 12px;
  }
}

@media screen and (max-width:500px){
  p.aktiv-grotesk-font-footer, a.aktiv-grotesk-font-footer, span.aktiv-grotesk-font-footer {
    font-size: 10px;
  }
}