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

    body{
        .main_container{
            .nav_bar{
                width: 90%;
                justify-content: space-between;
                padding: 20px 0;

                .nav_logo{
                    width: 30%;
                }

                .nav_content{
                    display: none;
                }

                .nav_media{
                    gap: 20px;
                }
            }

            .map{
                    margin-top: 70px;
            }

            .discription{
                width: 90%;
                margin: auto;
                h1{
                    font-size: 1.8rem;
                    padding-top: 40px;
                }

                p{
                    font-size: .7rem;
                    line-height: 1.4rem;
                    padding-top: 30px;
                }
            }

            .bandit_banner{
                flex-direction: column;
                width: 95%;
                padding-top: 40px;
                h1{
                    color: rgba(255, 255, 255, 0.56);
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-size: .9rem;
                    text-decoration: underline;
                    font-family: EvelethClean;
                    padding-bottom: 30px;

                }
                .bandit1{
                    display: none;
                }

                .bandit2{
                    width: 100%;
                }
            }

            .ticket_banner{
                padding-top: 10px;
                width: 95%;
            }

            .lineup-container{
                margin-top: 40px;
                header{
                    h1{
                        font-size: 4rem;
                        margin-top: 0;
                    }
                }
            }

            .date-schedule-container{
                overflow: auto;
                scroll-snap-type: x mandatory;
                justify-content: flex-start;
                img{
                    width: 80%;
                    scroll-snap-align: center;
                }
            }

            .merch_div{
                h1{
                    font-size: 2.5rem;
                }

                p{
                    display: none;
                }

                .apparel_image{
                    display: grid;
                    grid-template-columns: repeat(2,1fr);
                    gap: 1rem;
                      
                    :nth-child(4){
                        padding-top: 0;

                    }

                     :nth-child(5){
                        padding-top: 0;

                    }
                    

                    img{
                        width: 100%;
                    }
                }

                

                

                
            }

            .contact_container{
                    width: 90%;

                    input{
                        padding: 15px;
                    }
                }


            .footer_content{
                text-align: left;
                .footer{
                    flex-direction: column;
                    width: 90%;
                    
                }
            }
        }

        .copyright{
            text-align: center;
        }
    }
    
}