/* Section One */
.section-one{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

    background: linear-gradient(300deg,#0b0b0b,#ec0c5738,#0b0b0b);
    background-size: 180% 180%;
    animation: gradient-animation 4s ease infinite;
}
  
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.section-one-header{
    margin: 0px 0px 24px;   
}

.section-one-description{
    width: 320px;
    margin: 0px 0px 36px;   
}

.section-one-cta-btn{
    height: 48px;
    width: 180px;
    border: 1px solid white;
    background-color: transparent;
    transition: 150ms ease-in-out;
    cursor: pointer;
}

.section-one-cta-btn:hover{
    border: 1px solid transparent;
    background-color: #EC0C55;
}

/* Section Two */

.section-two{
    width: 100vw;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin: 96px 0px 0px; */
}

.section-two-container{
    display: block;
    width: 100%;
}

.section-two-studio-card{
    height: 360px;
    width: 100%;
    background-color: #3a0818;
    padding: 12px 0px 0px 12px;
    /* margin: 0px 0px 48px; */
}

/* Section Three */

.section-three{
    width: 100vw;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* margin: 96px 0px 0px; */
}

.section-three-studio-a-photo{
    height: 360px;
    width: 100%;
    background-color: #3a0818;
}

/* Section Four */

.section-four{
    width: 100vw;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.section-four-columns{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    width: 100%;
}

.section-four-column{
    width: 100%;
}

/* Section Five */

.section-five{
    width: 100vw;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.section-five-review{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.section-five-review-card{
    width: 100%;
}

.section-five-review-artist{
    display: flex;
    align-items: center;
}

.section-five-review-verticle-spacer{
    height: 56px;
    width: 2px;
    background-color: white;
    margin: 0px 12px;
}

.section-five-review-spacer-32{
    margin: 32px;
}

/* Section Six */

.section-six{
    width: 100vw;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.section-six-team-card-socials{
    display: flex;
    align-items: center;
}

.section-six-team-card-socials svg{
    fill: white;
    transition: 100ms ease-in-out;
}

.section-six-team-card-socials a{
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-six-team-card-socials a:hover svg{
    fill: #EC0C55;
}

@media screen and (min-width: 768px) {
    
    .section-three-bottom{
        display: flex;
        justify-content: space-between;
    }

    .section-three-studio-a{
        width: 48%;
    }

    .section-three-description{
        width: 480px;
    }

    .section-four-column{
        /* width: 49%; */
    }

    .section-five-review{
        display: flex;
        align-items: first baseline;
    }

    .section-five-review-card{
        width: 45%;
    }

    .section-six-cards{
        display: flex;
        justify-content: space-between;
    }

    .section-six-team-card{
        width: 48%;
    }

}

@media screen and (min-width: 1024px) {

    .section-two-container{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .section-two-studio-card{
        height: 480px;
        width: 48%;
    }

    .section-three-studio-a-photo{
        height: 480px;
    }

    .section-four-columns{
        justify-content: space-between;
    }

    .section-four-column{
        width: 30%;
    }

}

/* @media screen and (min-width: 1200px) {
    
    .section-two{
        display: flex;
    }

    .section-two-studio-card{
        width: 48%;
    }
} */

/* @media screen and (min-width: 1440px) {
    
    .section-two , .section-three , .section-four , .section-five , .section-six {

        padding: 0px 25%;

    }

    .section-two-studio-card{
        height: 560px;
    }
    .section-three-studio-a-description{
        max-width: 540px;
    }
    .section-three-studio-a-photo{
        width: 100%;
    }

} */