html{
    font-size: 100%; /* this is usually 16px by default*/
    position: relative;
    min-height: 100%
}

body{
   font-size: 1rem; /* should be just over 16px*/
   margin-bottom: 40px;
}

#passage{
    font-size: 1.4rem;
    margin: 1rem 0;
    text-align: left;
}

#passage p{
    margin-bottom: 2.1250rem;
}

#dragAnswers {
    margin-bottom: 1rem;
}

#numinous-questions {
    margin: 2rem 0 0;
    width: 100%;
}

#type-print-questions {
    min-height: 12rem;
    margin: 2rem 0 2rem 0;
/*    border: 1px solid #ccc;*/
    padding: 0.5rem;
    width: 100%;
}

#suggested-answers {
    margin: 0  0 1rem 0;
    width: 100%;
}


.contentinput {
	width:100%;
	min-height:200px;
	border:solid 1px;
    padding: 0.5em;
}

#numinous-questions ol li, #suggested-answers ol li {
    margin: 0.5rem 0;
}

.draggable{
    background-color: #4f959b;   
    border-radius: 7px;
    color: white;
    font-size: 1.2rem;
    display: inline-block;
    margin: .2rem .2rem .2rem 0;
    padding: 0.5rem;
    cursor: pointer;
    text-decoration: none;    
    text-align: center;
    list-style: none;
    min-height: 45px;
    /*max-width: 350px;*/
}

.dropZone{
    padding: 0 0.4rem;
    margin: 0.1rem 0.2rem;
    display: inline-block;
    color: white;
    text-align: center;
    background-color: #9dced2;
    min-width: 140px;
}

#actStatements, #actStatements p{
    text-align: left;
    max-width: 1000px;
    font-size: 1.5rem;
}

ul#dragStatements li.draggable{
     font-size: 1.5rem;
     margin: 1rem auto;
}

#checkCorrect{
/*    color: #006400;
    font-size: 1.5rem;
    margin: .5rem 0;
    padding: .2rem 1rem;
    min-height: 30px;
    display: inline-block;*/
}


/*Rhys Edit */
#dragAnswers {
	border:solid 5px #4F959B;
	padding:15px; 
	border-radius:25px; 
	margin:0 auto; 
	text-align:center
}

.widow {
    display: inline-block;
}

.pad-btm {
    margin-bottom: 1em;
}

.pad-btm-lg {
    margin-bottom: 2em;
}

.pad-btm-xlg {
    margin-bottom: 3em;
}

.pad-top {
    margin-top: 1em;
}

.pad-top-lg {
    margin-top: 2em;
}

.no-pad-top {
    margin-top: 0;
}

#passage-print {display: none}
#print-questions {display:none}
#nextButton {display:none}


@media (min-width: 1300px) {
   .draggable{
    font-size: 1.3rem;
    margin: .2rem .2rem .2rem 0;
    padding: 0.3rem;
}
   
    div#passage{
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
}

@media (min-width: 1800px) {
   .draggable{
    font-size: 2rem;
    margin: .2rem .2rem .2rem 0;
    padding: 0.5rem;
}
   
    div#passage{
    font-size: 2rem;
    margin-bottom: 1rem;
}
   
}


@media print {

.btn {display: none}

footer {display: none}

#suggested-answers {display: none}

#type-print-questions {display: none}
#print-questions {display: block; white-space: pre-line}

#passage-print {
    display: block;
    padding: 1em 0 0 15px;
}

}