.logo {
    width: 100%;
    margin: auto;
    text-align:center;
}

.logo img {
    padding: 7px;
    object-fit: cover;
    border-radius: 5%;
    box-shadow: 0px 0px 3px #5f5f5f, 0px 0px 0px 5px #ecf0f3, 8px 8px 15px #a7aaa7, -8px -8px 15px #fff
}

#toast-container > .toast-success {
    background-image: none;
    background-color: #81cf50;
    color: black;
}
#toast-container > .toast-warning {
    background-image: none;
    background-color: #81cf50;
    color: red;
}
#toast-container > .toast-error {
    background-image: none;
    background-color: #81cf50;
    color: red;
}

@media screen and (max-width: 768px) {

}

 @media(max-width: 380px) {
     .wrapper {
         margin: 30px 20px;
         padding: 40px 15px 15px 15px
     }
 }