@media screen and (max-width:1199px) {
    .sub-sites h4 {
        font-size: 25px;
        letter-spacing: 1px;
    }
}

@media screen and (max-width:991px) {
    .sub-sites h4 {
        font-size: 20px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:767px) {
    .wrp-front-page {
        display: inline-block;
        height: 100%;
        padding: 60px 0px;
    }
    .sub-sites {
        margin: 50px 0px;
    }
    .main-logo {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:639px) {
    .main-logo img {
        max-width: 80%;
    }
    .main-logo {
        margin-bottom: 30px;
    }
    .sub-sites h4 {
        font-size: 22px;
    }
    .sub-sites span {
        font-size: 20px;
    }
    .sub-sites {
        margin: 40px 0px;
    }
}

@media screen and (max-width:479px) {
    .wrp-front-page {
        padding: 30px 0px;
    }
    .sub-sites img {
        max-width: 120px;
    }
    .sub-sites span {
        line-height: 15px;
        margin: 15px 0px 5px;
    }
    .sub-sites h4 {
        font-size: 20px;
        letter-spacing: 1px;
        margin: 5px;
    }
    .sub-sites {
        margin: 10px 0px;
    }
}

@media screen and (max-width:360px) {}

@media screen and (max-width:320px) {}