.logo1{
    width:172px !important;
    height:86px !important;
    position:relative;
    left:50px;
    top:15px;}

.nav-item{
    font-family:Playfair Display;
    font-size:20px;
    margin-right:35px;
    margin-top:25px;
    gap:35px;
    color:black;}

.container{
    display:flex;
    gap:35px;}


.footer{
    background:#FFFFFF;
    height:42px;
    width:1217px;
    display:flex;
    position:relative;
    margin-left:150px;}

.social{
    width:50px;
    height:50px;
    margin-left:55px;
    margin-top:25px;

    }
.social1{
    width:50px;
    height:50px;
    margin-left:25px;
    margin-top:25px;
    }
.logo{
    width:172px !important;
    height:86px;
    position:relative;
    left:20px;
    top:15px;
    margin-right:225px;}

.footer p{
    margin-left:425px;
    margin-top:53px;}

@media (max-width:768px){

    .navbar-toggler{
    margin-left:21px !important;}

    .footer p{
    margin-left:46px;
    font-size:10px;}

    .logo{
    width:100px !important;
    margin-left:-15px !important;
    }
    .socials img{
    width:35px;
    height:35px;}

    .social1{
    margin-right:10px;}

    .logo{
    margin-left: -85px;
    }
}

@media(max-width:380px){
    .logo1{
    width:126px !important;
    height:67px !important;}
}

@media (max-width: 320px){

    .navbar .container{
        max-width: 100%;
        padding: 0 10px;
        display: flex;
        align-items: center;
    }

    .logo1{
    width: 79px !important;
    height: 56px !important;
    margin-left: -27px !important;
    margin-top: -15px !important;
    }

    button{
    width: 46px !important;
    height: 32px !important;
    }
    .navbar-toggler-icon{
    width:25px !important;
    margin-top: -5px !important;
    }


}