/* Custom DRAG AND DROP css
--------------------------------------------------
MID GREY    #999999
LIGHT GREY  #E6E6E6
DARK GREEN  #4f959b
MID GREEN   #9dced2
LIGHT GREEN #AFE5EA
LIGHT BLUE  #38C0CB
RED         #C8374E
ORANGE      #CB4938


 */

ol {
    list-style-type:lower-roman;
    padding: 20px;
}

li{
    line-height:1.2em;
    margin-bottom:20px;
}

   
}
 #activity{
    font-size: 1.1em;
    line-height: 1.3em;
} 


.exampleAnswer{
    display:none;
}

.exampleText{
    margin-bottom:30px;
    background-color:blanchedalmond;
    padding:20px;
}

/* ------- Media queries ------- */

/* Tablet */
@media(min-width: 768px){
    
    hr {
        margin-bottom: 25px;
        margin-top: 25px;
    }
  
    #activity {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    
    p.lead {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0;
    }
    
   
        
}

/* Desktop */
@media(min-width:992px){
     p.lead {
        font-size: 1.2em;
        line-height: 1.3em;
        margin: 0;
    }
    
    .white-box {
        top: -7em;
    }

    hr {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
      #activity {
        font-size: 1em;
        line-height: 1.1em;
    }
    
   

}


/* Large Desktop */
@media(min-width:1200px){
      p.lead {
        font-size: 1.3em;
        line-height: 1.4em;
    }
    
    .white-box {
        top: -7em;
    }

    hr {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
}



/* ----------- Print ----------- */

@media print {
    

}