body {
    background-color: rgb(255, 255, 255);
    font-family: 'Montserrat', sans-serif;
    
}

h1 {
    font-weight: bold;
    margin-top: 70px;
    
}
h2 {
    font-weight:lighter;
    
}
.container {
    padding: 20px 20px 20px 20px;
    background-color:rgb(229, 229, 229);
    border-radius: 20px;
    color:rgb(47, 47, 47);
    text-align: left;
    margin: 0px 50px 0px 50px;
    min-width: 875px;
    display: inline-block;
   
}

nav ul :hover {
    color: rgb(252, 163, 17);
    font-weight:bold;
    
}
.main {
    height: 1700px;
    text-align: center;
    margin: 0 ;
    width: 100%;
    display:contents;
}

nav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(20, 33, 61);
    width: 100%;
    height: 50px;
    text-decoration: dashed;
    
}
p {
    font-size: 20px;
    padding: 2px;
    margin-left: 30px;

}
li {
    display: inline-block;

}
ul {
    list-style-type: none;
    padding: none;

}

a {
    text-decoration: none;
    padding: 15px;
    border-radius: 10px;
    color: rgb(164, 168, 170);
    
}

.row {
    background-color:rgb(20, 33, 61);
    height: 300px;
    color: rgb(157, 154, 154);
    display: inline-block;
    margin-top: 40px;
    text-align: left;
    position:relative;
    bottom: 0;
    width:1490px;
    
}
.collumn {
    color:white;
    margin : 10px;
    width:300px;
    float:left;
    text-align: left;
}
img {
    border-radius: 100%;
    width: 200px;
    height: 200px;
    margin:0;
    text-align: center;

}
img :hover {
    filter:drop-shadow(auto);
    
}
.shrink img {
    transition: 0.5s ease;
    
}
    
.shrink img:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 0.5s ease;
}

.shrink{
    margin: 1rem;
    text-align: center;
}
  
  .karta {
    display: inline-block;
    padding:2px;
    vertical-align: middle;

  }
  .obrazki{
    text-align:center;
    padding:0;
    margin: 10px;
    
  }
  .popisek{
    
    width: 70%;
    margin: 0 225px 0 200px;
    text-align: center;
    
  }
  

@media screen and (max-width: 300px) {
    .karta{
        width:25%;
    }
}
@media screen and (max-width:100px) {
    nav {
        width: 100%;
        height: 160px;
        padding: 10px 12px;
    }
    main{
        min-width: 400px;
    }
}