/* ---MAIN SLIDE */
#slide02 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0;
    padding: 10vh 0 10vh 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    max-height: 100vh;
}
.slide02wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
/* ---TITLE--- */
.title02 {
    font: bolder 5vw cochin;
    color:  #222e40;
}

/* ---CONTENT--- */
.aboutbox {
    width: 70vw;
    height: 40%;
    padding: 0px 5vw;
    display: -webkit-flex;
    align-items: center;
    flex-flow: row;    
    overflow: hidden;
}
/* HISTORY--- */
.historybox {
    width: 100%;
    height: 25vw;
    overflow: hidden;
}
.hb-title {
    padding: 0;
    font: normal 3vw verdana;
    color: #222e40;
    display: flex;
    align-items: center;
    flex-direction: row;
    overflow: hidden;
    }
    .hb-line {
        width: 100%;
        height: 2vw;
        margin-top: 2vw;
        border-top: solid 0.25vw #D52630;
        border-right: solid 0.125vw #D52630;
        background: transparent;
    }
.hb-content {
    padding: 0.5vw 2.5vw 2vw 0;
    height: 100%;
    border-right: solid 0.125vw #D52630;
    font: normal 1.3vw/1.6vw verdana;
    text-align: justify;
    direction:ltr;
 }
 /* NOW--- */
 .nowbox {
    width: 100%;
    height: 25vw;
    overflow: hidden;
 }
 .nb-title {
    padding: 0;
    font: normal 3vw verdana;
    color: #222e40;
    display: flex;
    align-items: center;
    flex-direction: row;
}
    .nb-line {
        width: 100%;
        height: 2vw;
        margin-top: 2vw;
        border-top: solid 0.25vw #D52630;
        border-left: solid 0.125vw #D52630;
        background: transparent;
    }
.nb-content {
    padding: 0.5vw 0 2vw 2.5vw;
    height: 100%;
    border-left: solid 0.125vw #D52630;
    font: normal 1.3vw/1.7vw verdana;
    text-align: justify;
    direction:rtl;

}


/* -------------------------------------------------------- */
/* -----------MEDIA QUERY FOR RESPONSIVE SCREEN------------ */
/* -------------------------------------------------------- */

/* ---MEDIA SCREEN--- */
@media only screen and (max-width: 799px) {

        #slide02 {
            margin: 0;
            padding: 7vh 0 0 0;
            height: auto;
        }
        .title02 {
            font: bolder 13vw cochin;
            color:  #222e40;
            padding-bottom: 7vw;
        }
        .aboutbox {
        width: 85vw;
        height: auto;
        padding: 0px 10vw;
        display: -webkit-flex;
        align-items: center;
        flex-flow: column;    
        }
        .historybox {
            width: 90%;
            height: auto;
        } 
        .hb-title {
            padding: 0;
            font: normal 7vw verdana;
            color: #222e40;
            display: flex;
            align-items: center;
            flex-direction: row;
            overflow: hidden;
            }
            .hb-line {
                width: 100%;
                height: 5vw;
                margin-top: 4vw;
                border-top: solid 0.5vw #D52630;
                border-right: solid 0.5vw #D52630;
                background: transparent;
            }
        .hb-content {
            padding: 2.5vw 2.5vw 2.5vw 0;
            height: 100%;
            border-right: solid 0.5vw #D52630;
            font: normal 3vw verdana;
            text-align: left;
            direction:ltr;
            text-align:justify;
        }
        .nowbox {
            width: 90%;
            height: auto;
        }
        .nb-title {
            padding: 0;
            font: normal 7vw verdana;
            color: #222e40;
            display: flex;
            align-items: center;
            flex-direction: row;
        }
            .nb-line {
                width: 100%;
                height: 5vw;
                margin-top: 4vw;
                border-top: solid 0.5vw #D52630;
                border-left: solid 0.5vw #D52630;
                background: transparent;
            }
        .nb-content {
            padding: 2.5vw 0 6vw 2.5vw;
            height: 100%;
            border-left: solid 0.5vw #D52630;
            font: normal 3vw verdana;
            text-align: right;
            direction:rtl;
            text-align:justify;
        }
        .btn01 {
            height: 10vw;
        }
}