/* fonts  */
@font-face {
    font-family: mtcorsva;
    src: url(../assets/fonts/MTCORSVA.TTF);
}

@font-face {
    font-family: square-bt-bold;
    src: url(../assets/fonts/Square721\ BT\ Bold.ttf);
}

@font-face {
    font-family: square-bt-roman;
    src: url(../assets/fonts/Square721\ BT\ Roman.ttf);
}

@font-face {
    font-family: square-cn-bt-bold;
    src: url(../assets/fonts/Square721\ Cn\ BT\ Bold.ttf);
}

@font-face {
    font-family: square-cn-bt-roman;
    src: url(../assets/fonts/Square721\ Cn\ BT\ Roman.ttf);
}

/* background section  */

.section-1 {
    background-color: #ffff;
    background-image: url('../images/background/background-section-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    height: 100vh;
}

.section-2 {
    background-color: #ffff;
    background-image: url('../images/background/background-section-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    padding: 3rem 0;
    /* height: 100vh; */
}

.section-3 {
    background-color: #ffff;
    background-image: url('../images/background/background-section-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    padding: 3rem 0;

    /* height: 100vh; */
}

/* .section-2 {
    background-color: #00a4e2;
    padding: 3rem 0;
} */


/* background section  */

/* section 1  */
.section-content {
    position: relative;
    top: 5vh;
}

.opening-img img {
    width: 40vh;
}

.opening-btn a {
    position: relative;
    top: 15vh;
    background-color: #003B5C;
    border-radius: 0;
    max-width: 20rem;
    color: #ffffff;
}

.invite-name {
    position: relative;
    top: 0.5rem;

    background-image: url('../images/background/background-section-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    padding: 3rem 0;
}

.invitation-button {
    margin-top: 5rem;
}

.invitation-button a {
    background-color: #003B5C;
    color: #fff;
    font-family: square-bt-roman;
    border-radius: 0;
}

/* section 1 END  */

/* section 2  */
.pupr-logo img {
    width: 4rem;
    height: 4rem;
    margin-top: 2rem;
}

.section-2-content {
    color: #fff;
}

.section-2-content h5 {
    margin-top: 2rem;
}

.event-detail img {
    margin-top: 2rem;
    width: 100%;
}

/* section 2 END */

/* section 3  */
.section-3-content {
    margin-top: 4rem;
}

.susnan-acara-tag img {
    width: 20rem;
}

/* section 3 END */


/* footer  */
.footer-content img {
    width: 100%;
}

/* footer END */