.m-brands {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
}
.m-brands li {
  margin: 16px;
  list-style: none;
  filter: grayscale(1);
}
.m-brands li:hover {
  filter: grayscale(0);
}
.m-brands a {
  padding: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.rostekop a{
  background-image: url("../images/rostekop.png");
}
.jilles a{
  background-image: url("../images/jilles.png");
}
.jack a{
  background-image: url("../images/jack.png");
}
.gif {
  max-width: 100vw;
  overflow: hidden;
}
.gif img {
  width: 100%;
}

.blink {
    -webkit-animation: blink 1s steps(2, start) infinite;
    animation: blink 1s steps(2, start) infinite
}

@keyframes blink {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden
    }
}

.black {
    background-color: #000000
}

.white {
    background-color: #fff
}

.blue {
    background-color: #000000
}

.gray {
    background-color: #F9F9F9
}

.t-black {
    color: #000000
}

.t-white {
    color: #fff
}

header ul {
    margin:0 auto;
}

h1 {
font-family: 'roboto', sans-serif;
}
strong{
  font-weight:700;
}
.keywords{
font-family: 'roboto', sans-serif;
  font-size:50%;
  font-weight:300;
  letter-spacing:1px;
}

#intro {
    width:80% !important;
    margin:0 auto !important;
}


h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
}

@media (max-width: 860px) {
    h2 {
        font-size: 34px;
        line-height: 51px;
    }
}

h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 38px;
}

p {
  text-align: center;
  font-size:14px;
  line-height: 34px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:focus {
    outline: 0;
}

footer {
  text-align: center;
  font-size:14px;
  line-height: 34px;
font-family: 'roboto', sans-serif;
margin-bottom: 35px !important;
}

html,
body {
    background-color: #fff;
font-family: 'roboto', sans-serif;    font-weight: 400;
    font-size: 22px;
    color: #222;
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none;
    color: inherit;
}



.btn {
    background-color: #a29160;
    border: none;
    color: #FFF;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width:100%;
    font-family: 'roboto', sans-serif;    font-weight:300;
    letter-spacing: 0.4px;
    font-size: 15px !important;
    -webkit-transition: background-color 0.5s; /* Safari */
   transition: background-color 0.5s;
}
.btn:hover {
    background-color: #000;
    -webkit-transition: background-color 0.5s; /* Safari */
   transition: background-color 0.5s;
}

.btn a{
    letter-spacing: 0.4px;
    font-size: 15px !important;
}
.cont {
    margin: 0 auto;
    max-width: 960px
}

@media (max-width: 860px) {
    .cont {
        padding: 0 30px 0 30px
    }
}

.full-height {
  display: flex;
    justify-content: space-between;
    align-items: center;
    min-height:100vh;

    flex-direction:column;
}

@media (max-width: 860px) {
  header {
    height:200vh !important;
    flex-flow: column wrap-reverse;
  }
}

header{
  height:100vh;
}

#subscribe {
    height:100vh;

    flex-direction:column;
}



.center {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-center {
    text-align: center;
}

.border-bottom a {
    border-bottom: solid 1px #D5D5D5
}

.border-bottom a:hover {
    border-bottom: solid 1px #222
}


.language p{
  letter-spacing:1px;
  font-size: 65%;
  font-family: 'roboto', sans-serif;
}

.active{
  font-weight:900;
}

header .left {
    background-color: #FFFFFF;
    padding: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: center;
}

header .right {
    background-image: url("../images/portrait.gif") ;
    background-size: cover;
    background-color: #000000;
    background-position: center center;
}

header ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-pack: justify;
    justify-content: center;
}

header h1 {
    font-size: 40px;
}

@media (max-width: 860px) {
    header h1 {
        font-size: 30px
    }
}

#intro{
  display: flex;
  align-items: center;
  justify-content: center;
}
header h1:first-of-type {
    margin-top: -35px
}

header .name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    padding: 95px 0
}

.logo {
  margin-top: 35px !important;

}

@media (max-width: 860px) {
  .logo {
      margin-top:35px;
      margin-bottom:35px;
  }
}
/*
@media (max-width: 860px) {
    .preview {
        display: none
    }
}
*/


/* Localized */