img{
      max-width:300px ;
    height: auto;
}
 h1 {
     text-align: center;
     font-size: 2.5em;
     color: #c69b88;
 }
 
 .punkt:hover {
   transform: scale(1.05);
   background-color: #e0e0e0;
 }

 nav{
     display: flex;
     flex-direction: row;
     justify-content: space-around;
 }

 nav a{
     text-decoration: none;
     color: white;
     background-color: #c69b88;
     padding: 10px;
     border-radius: 25px;
 }

 nav a:hover{
     color: #e0e0e0;
 }

 H2{
      padding: -10px;
     color: #c69b88;
 }

 .hero {
     background-image: url("pexels-mitchel3uo-3694711.jpg");
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     color: white;
     padding: 50px 20px;
     text-align: center;
     position: relative;
     min-height: 300px;
     max-height: 600px;
     overflow: hidden;
 }

 .hero h1{
     font-size: 58px;
     margin-top: 8%;
 }

 h2{
     text-align: center;
 }

.infoMig{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
}

.infoMig div{
    width: 50%;
}

p{
color: #c69b88;
}

.teskt {
    margin-bottom: 20px;
    line-height:1.7;

}