body, html {
  height: 100%;
}
#app {
    /* Full height */
    min-height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#intro_box {
    text-align: center;
    color: #fff;
    padding: 0 0 4rem 2rem;
}
#intro_button {
    display: block;
    margin-top: 1rem;
}
#intro_button img{
    max-width: 100%;
    width: 300px;
}
#intro_title {
    font-size: 1.45rem;
    font-weight: bold;
}
#intro_sub_title {
    font-size: 1rem;
    margin: 0;
}
#intro_title{
    margin-bottom: 1rem;
}
#intro_box h2{
    font-weight: bold;
}
@media (max-width: 960px){
    #intro_box {
        padding-left:1rem;
    }
    #intro_title {
        font-size: 1.35rem;
    }
}
@media (max-width: 767px){
    #page-home #app{
        background-image: url(/frontend/images/home/bg_04.jpg) !important;
    }
    #intro_box {
        margin: 0 auto;
        padding: 0 1rem 2rem;
    }
}
@media (max-width: 480px){
    #intro_box {
        padding: 0 0 2rem;
    }
    #intro_title {
        font-size: 1.2rem;
    }
    #intro_sub_title {
        font-size: 0.85rem;
    }
    #intro_button img {
        width: 250px;
    }
}