@media (min-width: 1080px){
    /*styling the logo*/
        header .logo {
            font-size: 12px;
        }
    
        .information-page .tours {
            flex-direction: row;
            justify-content: center;
            gap: 10%;
            padding: 0px 5%;
        }
    
        .information-page .tours .pic {
            width: 40%;
            height: 300px;
        }
    
        .tour-information {
            width: 60%;
            font-size: var(--font-size-first);
            margin-bottom: 40px;
            overflow: visible;
        }
    
        .information-page .s2 {
            flex-direction: row-reverse;
        }
    
        /*Styling Tours Page*/
        .tours-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 5%;
            width: 100%;
            padding: 0px 5%;
            justify-content: center;
        }
    
        .tours-page .information {
            font-size: var(--font-size-first);
        }
    
        /*styling the culture page*/
        .culture-page {
            display: flex;
            justify-content: center;
            flex-direction: row;
            gap: 5%;
        }
    
        .culture-page .culture-information {
            width: 60%;
        }
    
        .culture-page .pic-hospitality {
            width: 40%;
            height: 300px;
        }
    
        /*styling the footer*/
        .other {
            display: flex;
            justify-content: center;
            gap: 10%;
            margin-bottom: 5%;
        }
        /*styling the nav-bar*/
    header .bar{
        position: absolute;
        display: none;
    }
    header .nav-bar{
        position: absolute;
        right: 5%;
        top: 35px;
        width: 60%;
        height: 100%;
        opacity: 1;
        background-color: transparent;
        display: flex;
        justify-content: end;
        padding: 0px 0%; 
        
        
    }
    header .nav-bar ul li,
    header .nav-bar ul li a{
        display: inline-block;
        margin-top: 0;
        margin-left: 20px;
        font-size: 18px;
       
    }
    header .social-links{
        position: absolute;
        right:  -3%;
        top: 25px;
        z-index: 10;
    }
    header .logo{
        font-size: 20px;
    }
    header .social-links ul li,
    header .social-links ul li a{
        margin-right: .2vw;
    }
        .information-page .tours .pic .shape {
            width: 80px;
            height: 5000px;
            background-color: rgb(255, 255, 255);
            transform: rotateZ(40deg);
            position: relative;
            top: -600px;
            transition: .5s linear;
    
        }
                .information-page .tours .pic:hover {
                    transform: scale(110%) rotateZ(5deg);
                }
}