.coming-soon h2{
  padding-bottom: 2rem;
  padding-top: 5rem;
}


.coming-soon{
  min-height: 100vh;
  background-image: url("renStekenjokk.jpg") ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  filter: brightness(100%);
}

.textHead{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: 'Courgette', cursive;
  text-align: center;
  padding-top: 150px;
}

#langSV h3{
  animation: 5s fade2123 ease-in;
}
#langEN h3{
  animation: 5s fade2123 ease-in;
}
@keyframes fade2123 {
  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

.countdown{
  display: flex;
  justify-content: space-around;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  margin-top: 1%;
  display: none;                            //inget fast datum än
}

.day,
.hour,
.minute,
.second{
  font-size: 37px;
}

#langENd h3,
#langENh h3,
#langENm h3,
#langENs h3{
  font-size: 30px;
}

#langSVd h3,
#langSVh h3,
#langSVm h3,
#langSVs h3{
  font-size: 30px;
}

main{
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  display: none;                            //inget fast datum än
}

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

body{
  font-size: 25px;
  margin:0;
  animation: opacity 2s ease-in;
  background-color: #c2c9e0;
}

@keyframes opacity {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}



#centerTextEN{
text-align: center;
font-size: 15px;
line-height: 25px;
animation: 4s fade2123 ease-in;
padding: 10rem;
margin-top: -230px;
font-family: 'Montserrat', sans-serif;
}

#centerTextEN h2{
font-size: 20px;
padding: 30px;
margin-bottom: -20px;
}

#centerTextSV{
text-align: center;
font-size: 15px;
line-height: 25px;
animation: 4s fade2123 ease-in;
padding: 10rem;
margin-top: -230px;
font-family: 'Montserrat', sans-serif;
}
#centerTextSV h2{
font-size: 20px;
padding: 30px;
margin-bottom: -20px;
}

#madeBy{
  position: absolute;
  top:92%;
  left:95%;
  transform: translate(-92%,95%);
  font-size: 13px;
  width: 200px;
  font-style: italic;
}

#kontaktweb{
  position: absolute;
  top:94%;
  left:11%;
  transform: translate(-94%,11%);
  font-size: 13px;
  width: 100px;
  font-style: italic;
}




#infoom{
  //padding: 40px;
  //display: grid;
  //grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 20px;

  display: grid;
  grid-template-columns: 1fr  1fr;
  grid-template-rows: 55% 45% ;
  background-color: #c2c9e0;
  font-family: 'Montserrat', sans-serif;
}

#infoom img{
  width: 100%;
  border-radius: 3px;
}

.img__wrapom {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-top: -20px;

}

.img__wrapom2 {
  grid-column: 2/3;
  grid-row: 1/2;
}

#textom1{

  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 15px;
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: 40px;
}

#textom1 h4{
  font-size: 25px;
}

.contact{
  display: flex;

}

.contact2{
  margin-left:5rem;
}
.bold{
  font-weight: bold;
}

.img__wrapom2 a{
  font-size: 5px;
  color: #c2c9e0;
}

#textom2{
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: left;

  grid-column: 1/2;
  grid-row: 1/2;
}

#textom2 h2{
  font-size: 27px;
  margin-bottom: 1.3rem;
}
#textom2 p{
  line-height: 35px;
}
#textom2 a{
  //color: #d4690f;
  color:#de6400;
}


#infoom img{
  width: 100%;
}

.img__img1{
  border: 3px solid darkblue;
}

/* relevant styles */


#omoss{
  font-family: 'Sen', sans-serif;
  padding: 5px;
}

#omoss h1{
  font-family: 'Courgette', cursive;
}

footer{
  background-color: #32485a;
  text-align: center;
  color: #EBC283;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
}

footer h3{
  margin: 0;
  padding-top: 0.5rem;
}

.sam p{
  margin: 0;
  padding: 10px;
}

.sam p a{
  color: #EBC283;
}

.sam p a:hover{
text-decoration: underline;
}

span{
  font-size: 100px;
  opacity: 0;
  transition: all 1.5s ease;
}

.fade{
opacity: 1;
}

@media only screen and (max-width: 1100px) {

  main{
    display: none;
  }

  #kontaktweb{
    top:94%;
    left:14%;
    transform: translate(-94%,14%);
  }

}

@media only screen and (max-width: 750px) {

  #kontaktweb{
    top:94%;
    left:18%;
    transform: translate(-94%,18%);
  }

  #centerTextEN{
    padding: 5rem;
    margin-top: -150px;
  }

  #centerTextSV{
  padding: 5rem;
  margin-top: -150px;
  }

span{
  font-size: 80px;
}

#langENd h3,
#langENh h3,
#langENm h3,
#langENs h3{
  font-size: 25px;
}

#langSVd h3,
#langSVh h3,
#langSVm h3,
#langSVs h3{
  font-size: 25px;
}
}

@media only screen and (max-width: 650px) {
  .day,
  .hour,
  .minute,
  .second{
    font-size: 25px;
  }

  #kontaktweb{
    top:94%;
    left:20%;
    transform: translate(-94%,20%);
  }

  #centerTextEN{
    padding: 2.5rem;
    margin-top: -110px;
  }

  #centerTextSV{
    padding: 2.5rem;
    margin-top: -110px;
  }

}

@media only screen and (max-width: 600px) {

  #kontaktweb{
    top:94%;
    left:25%;
    transform: translate(-94%,25%);
    font-size: 10px;
  }

  #madeBy{
    font-size: 10px;
  }

  span{
    font-size: 60px;
  }


  #langENd h3,
  #langENh h3,
  #langENm h3,
  #langENs h3{
    font-size: 20px;
  }

  #langSVd h3,
  #langSVh h3,
  #langSVm h3,
  #langSVs h3{
    font-size: 20px;
  }



}

@media only screen and (max-width: 450px) {
  .day,
  .hour,
  .minute,
  .second{
    font-size: 20px;
  }

  span{
    font-size: 40px;
  }

  #langENd h3,
  #langENh h3,
  #langENm h3,
  #langENs h3{
    font-size: 15px;
  }

  #langSVd h3,
  #langSVh h3,
  #langSVm h3,
  #langSVs h3{
    font-size: 15px;
  }

  #kontaktweb{
    top:94%;
    left:31%;
    transform: translate(-94%,31%);
  }

  #centerTextEN{
    padding: 1rem;
    margin-top: -75px;
    font-size: 13px;
  }

  #centerTextSV{
    padding: 1rem;
    margin-top: -75px;
    font-size: 13px;
  }

}

@media only screen and (max-width: 330px) {


  #kontaktweb{
    top:94%;
    left:36%;
    transform: translate(-94%,36%);
  }

  #centerTextEN{
    padding: 1rem;
    margin-top: -75px;
    font-size: 13px;
  }

  #centerTextSV{
    padding: 1rem;
    margin-top: -75px;
    font-size: 13px;
  }

}