@media(max-width: 1660px){
    .title h2 {
        font-size: 3em;
    }
    .title p {
        font-size: 1.5em;
    }
}
@media(max-width:1200px){
    .hero-back .hero--question {
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%,-50%);
    }
}
@media(max-width: 996px){
    .hide-mobile {
        display: none;
    }
    .title h2, #subjects a {
        font-size: 1.8em;
    }
    .title p, .title table td {
        font-size: 1em;
    }
}
@media(max-width: 450px){

}
@media(min-width: 996px){
    .hide-pc {
        display: none;
    }
}