body {
    background-color: #E6E8E6;
    font-family: 'Arial', sans-serif;
    
}
.page-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
}


.navbar {
    display:flex;
    flex-direction:column;
    gap:1px;
    text-decoration: none;
    list-style-type: none;
    margin-left:-2rem;
    margin-top: 19rem;
    z-index: 10;

}
li {
    display: block;
    margin: 5px 0;
    background-color: #CED0CE;
    border-radius: 10px;
    transition: 0.5s ease;


}

li:hover {
    background-color: #4A8CFF;
    transform: scale(1.2);
    transition: 0.5s ease;
}
.shoplink a, .service a, .pflink a, .home a, .contacts a {
    display: block;
    padding: 20px 20px;

}

a:link {
    text-decoration: none;
    color:#3F403F;
}
a:visited {
    color:#3F403F;
}
/*
a:hover {
    color :#4A8CFF;
}
    */
a:active {
    background-color: aquamarine;
}

/* 
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
}

li a {
  display: block;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #555555;
  color: white;
} 
*/
@media (max-width: 800px) {
    /* stack columns */
    .product {
        flex-direction: column;
    }

    /* center sidebar content */
    .sidebar {
        width: 100%;
        margin: 0;
    }

    /* make images scale */
    img {
        width: 100%;
        height: auto;
    }

    /* make cards vertical */
    .card {
        flex-direction: column;
        text-align: center;
    }

    /* fix text sizes */
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.4rem; }
    p  { font-size: 1rem; }
}
/* 11.8 9.4 6.3 
*/