.top-line{
    font-size: 0.8rem;
    line-height: 3.0rem;
    color: gray;
    margin:0;
}
.top-line ul{
}
.top-line li{
    display:inline-block;
    list-style: none;
    margin: 0 2rem 0 0;
}

:root {
    --footer-height: 13rem;
}


.br03 {
    border-radius: 0.3rem;
}

html, body {
    font-family: "Open Sans", "OpenSans", sans-serif;
}

html {
    font-size: 16px;
}

.tile.pr a:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1439px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    html {
        font-size: 16px;
    }

    :root {
        --footer-height: 13rem;
    }
}

@media (max-width: 1023px) {
    html {
        font-size: 16px;
    }

    :root {
        --footer-height: 13rem;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 16px;
    }

    :root {
        --footer-height: 22rem;
    }
}

@media (max-width: 479px) {
    html {
        font-size: 16px;
    }
    .xs-fs12{
        font-size: 1.2rem;
    }
    .xs-fs10{
        font-size: 1rem;
    }
    .xs-fs08{
        font-size: 0.8rem;
    }
    .xs-pg10{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    :root {
        --footer-height: 22rem;
    }
}