/*************************************************************************
****** Extra small devices (portrait phones, Media Width < 576px) ********
*************************************************************************/
/******************** Generic Style starts ********************/
html {
    font-size: 62.5%;
}

body {
    padding: 0;
    margin: 0;
    min-width: 320px; /* Minimal screen width for iphone5 */
}

    body.in-development {
        border: 4px solid #ffd800;
    }
/******************** Generic Style ends ************************/
/******************** Homepage starts ***************************/
/* For slider */
h1.display-1 {
    font-size: 4rem;
}

h2.display-1 {
    font-size: 2.5rem;
}

.display-3 {
    font-size: 1.6rem;
}

section#page-cover #hpCarousel .carousel-item .btn_global {
    font-size: 1.6rem; 
}
/* For other homepage boxes */
h1.welcome-title {
    font-size: 2.2rem;
}

section#material-graph-1 {
    height: 20rem;
    margin: 4.5rem 0 0;
}

#hover_tabs li a img + span.tab_text {
    display: none;
}

#hover_tabs .tab-content > .tab-pane > .img {
    text-align: center;
}

#hover_tabs #tab_content {
    height: auto;
}

section#material-graph-2 {
    height: 65rem;
}

    section#material-graph-2 .vertical-block {
        top: 8%;
    }

        section#material-graph-2 .vertical-block + .vertical-block {
            top: 19%;
        }

section#hp-locations ul.cycle_slider li a {
    font-size: 2.6rem;
}

/* Footer */
#footer-register-box-link > span > span.register_envelope {
    font-size: 2rem;
}

#footer-register-box-link span.register_text {
    font-size: 1.6rem;
}

#footer_top .ft_contact .footer_link {
    width: 20rem;
    margin: auto;
}
/******************** Homepage ends ***************************/