@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: 110vh;
    width: 100%;
}
/* .container_img {
    display: none;}
.gisou_img2 {
    display: none;
}
.left-image, .bottom-image, .right-image {
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%;
}
.view {
    margin-left: 0px;
}
.formm{
    height: auto;
}

.formm-left {
    width: 100%;
}
.formm-rightt {
    width: 100%;
}
.formm-right {
    width: 100%;
}
.frequently {
    flex-direction: column;
    padding: 100px 0px;
}
.frequently-left {
    text-transform: uppercase;
    width: 100%;
}
.frequently-right {
    padding-top: 40px;
    width: 100%;
}
.faq-wrapper {
width: 100%;
}
.faq-item {
    width: 100%;
}
.alex {
    display: flex;
    padding: 20px 0px;
}
.gtwo{
    text-align: center;
}
.gthree {
    padding-top: 50px;
    text-align: center;
    width: 100%;
}
.gfour {
    display: flex;
    padding-top: 30px;
    flex-direction: row;
    width: 100%;

}
.view a {
    text-decoration: none;
    font-family: "Noto Serif Display", serif;
    font-weight: 100;
    font-size: 4rem;
}
#scroll5 .art-image {
    width: 100%;
}
.contain{
        transform: translate(0vw, 0vh);

}
.scroll-wrapper {
   
    height: 55vh;
}
    .gisou_wrapper {
        margin-bottom: 300px;
    }
.gisou_img1 {
    display: none;
}
    .gisou_desc {
      
        margin-top: 180px;
    }
    .gonee {
    
    font-size: 100px;
    }
    .sticky-container {
    padding-right: 140px;
    text-align: center;
    justify-self: center;
display: flex;
align-items: center;
}
}