/* Navbar Styles */
/* Logo Link Styles */
  /* Logo Image Styles */
.logo-img {
    width: 100%;
    height: 100%;
}
.w3-bar .logo-link {
    width: 13%; 
    padding: 5px;
}


@media (max-width: 601px) {
    .w3-display-left {
        width: 100%;
        text-align: center;
    }

    .w3-bar .logo-link {
        width: 30%; 
    }
    
    .logo-img {
        width: 100%;
        height: 100%; 
    }

    .w3-bar .w3-button {
        padding: 8px; 
    }

    .picture.pic1 img {
        width: 300px;
        height: 200px;
        float: left;
        border-radius: 5%;
        margin: 10px;
        shape-outside: ellipse();
    }

    .picture.pic2 img {
        width: 300px;
        height: 200px;
        float: left;
        border-radius: 5%;
        margin: 30px 0px 100px 30px;
        shape-outside: none;
    }

    .picture.pic3 img {
        width: 300px;
        height: 200px;
        float: left;
        border-radius: 5%;
        margin: 30px 0px 100px 30px;
        shape-outside: none;
    }

    .picture {
        width: 0px; 
        border-radius: 50px; 
        padding: 00px; 
    }

    .test .text h3, p{
        text-align: center;
    }


}