@media only screen and (min-width: 820px) and (max-width: 1180px) {
.nav-right{
    display: none;
}
    .nav-links {
    display: none;
}


.logo{
    display: none;
}
.navbar {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    position: relative;
    z-index: 10;
}
.formm{
    display: flex;
    flex-direction: column;
}
.nav-left{
    display: none;
}
}

@media (max-width: 768px) {
    .nav-right{
    display: none;
}
    .nav-links {
    display: none;
}


.navbar {
    text-align: center;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 15px 15px;
    position: relative;
    z-index: 10;
}
.formm{
    display: flex;
    flex-direction: column;
}
.space-text {
padding-left: 200px;
}
.right-content {
    display: none;
}
.gallery-text{
    display: none;
}
.shop-button{
    display: none;
}
.spaces img{
    display: none;
}
.heros {
    height: 30vh;
}
h1{
    line-height: 50px;
}
.cards-section {
height: 40vh;
}
.card {
width: 150px;
height: 150px;
}
.hero-overlay {
    height: 100%;
}
.hero {
    height: 80vh;
}
.horizontal-line-middle {
    right: 115px;
    width: 300px;
    top: 50px;
}
.we-are-text {
            
            left: 0%;
}
.description {
    right: 0px;
    width: 100%;
}
.container {
    height: 90vh;
    width: 100%;
}
.container_img {
    display: none;}
.gisou_img2 {
    display: none;
}
.gisou_img3 {
    display: none;
}
.gisou_img1{
    display: none;
}
.gisou_desc {
    width: 100%;
    font-size: 19px;
    line-height: 1.25;
    margin-left: 0px;
    margin-top: 150px;
    font-weight: 400;
    margin-bottom: 0px;
    color: black;
}
.gisou_left {
    width: 100%;}
.gisou_page {
flex-direction: column;
margin-top: 0px;
    height: 0vh;
}
#scroll1 .art-image {
    width: 100%;
}
.gisou {
    display: flex;
    flex-direction: column;
}
.gone {
    width: 100%;
}
.gtwo{
    width: 100%;
}
.gtwo{
    width: 100%;
}

}