/*For the updated workbook, line height is updated with this css*/
/*20-12-18: Omi Kabira;*/

.popcorn-typist p {
    line-height: 1;
    color: white;
    font-family: lato !important;
    margin-top:0;
    margin-bottom:0;
}

.entry-content .popcorn-typist p,
.entry-content .top-screen-cls .popcorn-typist.active p,
.entry-content .bottom-screen-cls .popcorn-typist.active p{
/*
    font-size:1.2vw !important;
*/
    line-height:1;
}
.entry-content .popcorn-typist p,
.entry-content .topLeft-screen-cls .popcorn-typist.active p,
.entry-content .topRight-screen-cls .popcorn-typist.active p{
/*
    font-size:1.2vw !important;
*/
    line-height:1;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .popcorn-typist p {
        line-height: 1;
    }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .popcorn-typist p {
        line-height: 0.95;
    }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media (max-width: 767px){

    .popcorn-typist p {
        /*font-size: 13px;*/
        font-size:26px;
        line-height:1;
    }

    .entry-content .popcorn-typist p,
    .entry-content .top-screen-cls .popcorn-typist.active p,
    .entry-content .bottom-screen-cls .popcorn-typist.active p{
    /*
        font-size:1.2vw !important;
    */
        line-height:1;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.popcorn-typist p {
            line-height: 0.90;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.popcorn-typist p {
       line-height: 1;
    }
}