@media only screen and (max-width: 600px) {
    body {
        margin: 0;
        font-family:serif;
     }
        
    .content {
        display: flex;
        }
        
      .sidenav {
        display: none;
        padding: 1vw;
        margin-top: 15vw;
        width: 35vw;
        height: 100%;
        background-color: #1d1c1c;
        position: fixed; 
        z-index: 3;
        }
    .sidenav ul {
        list-style-type: none;
        padding: 0;
        }
    a{
            text-decoration: none;
        }
            
    .sidenav a {
        text-decoration: none;
        color: white;
        padding: 3vw;
        display: block;
        font-size: 4vw;
        }
        .lang{
        margin-right:250px; 
        background-color:#1d1c1c;
        border-width: 0px;
        color:#ffffff;
        padding: 3vw;
        font-size: 4vw;
        width: fit-content;
        font-family:serif;
        }
        .top{
       display: none;
        }
    
        .header{
        margin-left: 30vw;
        text-align: center;
        width: max-content;
        color:#ffffff;
        }
       
        .viewpage1 {
        display: block;
        width: 100%;
        margin-top: 15vw;
        flex: 1;
        padding: 1vw;
        }

        .min_top{
            display: flex;
            justify-content: space-between;
            margin: 0;
            position: fixed;
            background-color: #f98305;
            width: 100%;
            height: 15vw;
            z-index: 4;
        }
        .min_page_name{
            margin:0 auto;
            color: aliceblue;
            font-size: 8vw;
            margin-top: 4vw;
        }
        .minlogo{
            width: 10vw;
            height: 10vw;
            border-radius: 50%;
            margin-top: 1vh;
            border: 0.2vw solid white;
            margin-right: 4vw;
        }
        .icon-container {
            display: block;
            color:aliceblue;
            margin-left: 2vw;
        }
        .menu-icon{
            font-size: 10vw;
            cursor: pointer;
        }
        .slidesource{
            display: flex;
            height: 50vh;
            background: url("../images/bgp3.jpg") no-repeat center center;
            background-size: cover;
        }
        .slideshow {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
            position: relative;
            overflow: hidden;
    
        }
    
        .leftslide, .rightslide{
            display: none;
        }
        .donate{
            display: none;
    
        }
        .midslide{
            padding: 0.2vw;
            width:100%;
            aspect-ratio: 4/3;
            background-size: cover;
            border: 0.2vw solid white;
        }
        .stage{
            display: flex;
            flex-direction: column;
            width:100%;
            height: 45vh;
            background-size: cover;
        }
        .stagepoints{
            list-style-type:circle;
            margin-top: 0px;
            padding-left: 0px;
            
        }
        .slidetexts{
            margin-top: auto;
            height: 20vh;
            width:100%;
            background-color: #0000007c;
            border: 0.1vw solid white;
        }
        #list{
            padding: 0.7vw;
            width:fit-content;
            color:#ffffff;   
            font-family:serif;
            font-size: 2vh;
            
    
        }
        .dotsrow{
            margin-top:1vw;
            display: flex;
            width:100%;
            padding: 0.3vw;
        }
        .dots{
            background-color: #f98305;
            width: 77vw;
            height:6vw;
            font-size: 4vw;
            border: 0.1vw solid white;
            text-align: center;
            border-radius: 1vw;
            position:absolute;
        }
        .dottittle{
            display: none;
        }
        #dot1{
            margin-left: 0%;
        }
        #dot2{
            margin-left: 5%;
        }
        #dot3{
            margin-left: 10%;
        }
        #dot4{
            margin-left: 15%;
        }
        #dot5{
            margin-left: 20%;
        }
        #pic3, #pic1{
            background-color: #f98305;
            padding: 2px;   
        }
        .boundary{
            background-color: #7e7e7d;
            width: 100%;
            height: 2px; 
        }
        .shelftittle{
            padding-top: 1vw;
            padding-bottom: 1vw;
            width: 100%;
            text-align: center;
            font-size: 4vw;
            color: #f98305;
            font-weight: bold;
            background:linear-gradient(to top, white, #b8b6b6);
        }
        .main_popup{
            position:fixed;
            display: block;
            width: 80vw;
            margin-left: 14vw;
            margin-top: 8vw;
            flex: 1;
            padding: 1vw;
            background-color: #ffffff;
            height:42vw;
            z-index: 3;
            display: none;
            border: 0.1vw solid rgb(130, 130, 133);
        }
        .close_mainpopup{
            position:absolute;
            z-index: 4;
            margin-left: 75vw;
            margin-top: 0.2vw;
            background-color:#c85508;
            width: 4vw;
            height: 1.8vw;
            font-size: 1vw;
            color:white;
            border-radius: 2vw;
            text-align: center;
            padding: 0px;
            border-width: 0.1vw;
        }
        .popup_content{
            overflow: auto;
            width:100%;
            height:40vw;
            margin-top: 2vw;
        }
        .donations_popup{
            display:none;
            
        }
        .donations_popup{
            display:none;
            position:fixed;
            margin-top: 15vh;
            margin-left: 3%;
            width: 90%;
            height: fit-content;
            padding: 2vw;
            z-index: 5;
            background-color: white;
    
        }
        .donation_buttons{
            margin-left: 80%;
            width: 15vw;
            background-color: chocolate;
            border-radius: 1vw;
            font-size: 4vw;
            text-align: center;
            color: white;
        }
        #donation_send{
            background-color:#1d1c1c;
            color: #f98305;
    
        }
        .donation_description{
            width:90%;
            text-align: justify;
            font-size: 4vw;
            margin: auto;
            margin-top: 2vw;
        }
       
    }