

/*// ********************************************************
//                 coming_soon
// *********************************************************/


* {
    margin: 0;
    padding: 0;
   box-sizing: border-box;
   -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

   body, html {height: 100%}
body {
    min-width: 100%;
}

body,h1 {font-family: "Helvetica", sans-serif}

.bgimg {
  background-image: url('strandhafer.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}
.bgimg {
  background-image: url('faehre.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}


.topleft {
  position: absolute;
  top: 0;
  left: 16px;
}

.bottomleft {
  position: absolute;
  bottom: 0;
  left: 16px;
}



.w3-center {
  position: center;
  padding-top: 50%;
  text-align: center;
}



hr {
  margin: auto;
  width: 40%;
}

h1 {
font-size: 36px;
color: #d3378c;
}

h2 {
font-size: 16px;
color: #d3378c;
}

h3 {
font-size: 20px;
color: white;
}

h4 {
font-size: 40px;
color: #d3378c;

}

h5 {
font-size: 36px;
color: #d3378c;

}


@media screen and (min-width:769px) {
   h2 {
    font-size: 20px;
       font-weight:100;
    }
}


@media screen and (min-width:769px) {
   h1 {
    font-size: 46px;
    font-weight:100;

    }
}

@media screen and (min-width:769px) {
   h3 {
    font-size: 24px;
    font-weight:300;
       color: white;

    }
}

@media screen and (min-width:769px) {
    h5 {
  visibility: hidden;

    }
}

@media screen and (max-width:769px) {
   h4 {
font-size: 46px;
color: #d3378c;
visibility: hidden;
    }
}

@media screen and (min-width:769px) {
.w3-center {
  position: center;
  padding-top: 25%;
  text-align: center;
}

}


a {
     font-size: 15px;
text-decoration: none;
    color:white;
}

@media screen and (min-width:769px) {
   .a {
    font-size: 16px;
    font-weight:300;
       color: white;

    }
}

@media screen and (min-width:769px) {
.bottomleft {
  position: absolute;
  bottom: 0;
  left: 16px;
}

.fa {
  padding-top: 6px;
  font-size: 25px;
  width: 40px;
    height:40px;
  text-align: center;
  text-decoration: none;
margin: 5px 5px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}


.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

