/* code for title */
@media only screen and (min-width: 3840px) and (min-height: 2159px) {
    section #publications-title .publications-title,
    section #technologies-title .technologies-title,
    section #rf-title .rf-title,
    section #people-title .people-title,
    section #news-events-title .news-events-title,
    section #contact-title .contact-title,
    section #openday-title .openday-title {
        width: 2500px !important;
        font-size: 65px !important;
    }
}

@media only screen and (min-width: 2560px) and (min-height: 1439px) {
    #publications-title .publications-title,
    #technologies-title .technologies-title,
    #rf-title .rf-title,
    #people-title .people-title,
    #news-events-title .news-events-title,
    #contact-title .contact-title,
    #openday-title .openday-title {
        width: 1800px !important;
        font-size: 40px !important;
    }
}

@media only screen and (min-width: 1920px) {
    #publications-title .publications-title,
    #technologies-title .technologies-title,
    #rf-title .rf-title,
    #people-title .people-title,
    #news-events-title .news-events-title,
    #contact-title .contact-title,
    #openday-title .openday-title {
        width: 1300px;
        height: 2em;
        font-size: 27px;
    }
}
    
@media only screen and (min-width: 768px) and (max-width: 992px) {

    #publications-title .publications-title,
    #technologies-title .technologies-title,
    #rf-title .rf-title,
    #people-title .people-title,
    #news-events-title .news-events-title,
    #contact-title .contact-title,
    #openday-title .openday-title {
        width: 700px;
        height: 1.6em;
        font-size: 18px;
    }
}

@media only screen and (min-width: 660px) and (max-width: 768px) {
    #publications-title .publications-title {
        width: 580px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 140px;
    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 580px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

    #contact-title .contact-title {
        width: 580px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 140px;
    }

    #people-title .people-title {
        width: 580px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 140px;
    }

    #news-events-title .news-events-title {
        width: 580px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

    #openday-title .openday-title {
        width: 580px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }
}

@media only screen and (min-width: 545px) and (max-width: 659px) {

    #publications-title .publications-title {
        width: 425px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 140px;

    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 425px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

    #contact-title .contact-title {
        width: 425px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 140px;
    }

    #people-title .people-title {
        width: 425px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

    #news-events-title .news-events-title {
        width: 425px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

    #openday-title .openday-title {
        width: 425px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 140px;
    }

}

@media only screen and (min-width: 440px) and (max-width: 544px) {

    #publications-title .publications-title {
        width: 300px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 150px;
    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 300px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 150px;
    }

    #contact-title .contact-title {
        width: 300px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 150px;
    }

    #people-title .people-title {
        width: 300px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 150px;
    }

    #news-events-title .news-events-title {
        width: 300px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 150px;
    }

    #openday-title .openday-title {
        width: 300px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 150px;
    }
}

@media only screen and (min-width: 380px) and (max-width: 439px) {

    #publications-title .publications-title {
        width: 200px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 160px;
    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 200px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 160px;
    }

    #contact-title .contact-title {
        width: 200px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 160px;
    }

    #people-title .people-title {
        width: 200px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 160px;
    }

    #news-events-title .news-events-title {
        width: 200px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 160px;
    }

    #openday-title .openday-title {
        width: 200px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 160px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 379px) {

    #publications-title .publications-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 210px;
    }

    #contact-title .contact-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #people-title .people-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #news-events-title .news-events-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 210px;
    }

    #openday-title .openday-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 230px;
    }
}

@media only screen and (max-width: 319px) {

    #publications-title .publications-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #technologies-title .technologies-title,
    #rf-title .rf-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 210px;
    }

    #contact-title .contact-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #people-title .people-title {
        width: 190px;
        height: 1.6em;
        font-size: 18px;
        margin-top: 210px;
    }

    #news-events-title .news-events-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 210px;
    }

    #openday-title .openday-title {
        width: 190px;
        height: 1.6em;
        font-size: 16px;
        margin-top: 230px;
    }

}