h1 , h2 ,h3 ,h4,h5{

    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    color: #302F2F;
   
}
.bg-image{    
     background-image: url(../img/bg.jpg.jpg);
    height: 100%;
 min-height:100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo{

   
    max-width: 200px;
    margin-bottom: 3em;
}

.blok {
    padding: 4em;
    height: 100vh;
   
   /* flex-basis: min-content;
*/

    align-content: end;
  
}
.blok 
header {
    align-self: center;
}
header h1 { font-size: 60px; }
header h3 { font-size: 25px; }

.cartlist {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.card {  
    
    min-height: 10.5vw;
    margin: 3em 3em 0 0;
    flex: 1; 
    min-width: 35%;
    background-color: #e4e4e4ce;
    -webkit-box-shadow: 2px 2px 15px 0px rgb(211 209 209);
    -moz-box-shadow: 2px 2px 15px 0px rgba(87, 87, 87, 1);
    box-shadow: 2px 2px 15px 0px rgb(213 209 209);
transition: 0.3s;
border-radius: 0.5rem;

padding: 15px;


    flex-direction: column-reverse;
} 

.card:hover {
    background-color: white;
    
  }

.card h4 {

    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
      "slnt" 0;
}

.card  a { position: absolute ; width: 100% ; height: 100%; z-index: 1;}

small {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

.blue{ color:#33A1DA;}
.yelow{ color:#FFDB33;}
.red{ color:#A23438;}
.grean { color: #94B06F;}

.arrow img { width: 25px;}

@media screen and (max-width: 1000px) {
    .card{ min-height: 200px;}

}
@media screen and (max-width: 600px) {
  .gg  ,  .bg-image{ display: none;}
}