@media (max-width: 599px){
#person, #online, #digital, #checklist {
width: 95%;
}

#nav-site {
display:none;
}

}

@media (min-width: 600px) {
#person, #online, #digital, #checklist {

min-width: 400px;
max-width: 50%;
}
} 



.form-section {
padding: 10px;
margin-bottom: 20px;
}

.form-section ul {
list-style-type: disc; 
list-style-position: inside;
margin-top: 0.5em;
font-size: 80%;
}


.form-section ol {
margin-top: 0.5em;
font-size: 80%;
}

.form-section ul li{
padding-bottom: 0;
}

.form-section h3 {
margin-top: 0;
}

.form-section h4 {
margin-bottom: 0;
}

.form-section img.icon {
width: 30px;  
height: 31px;  
position: relative; 
margin-right: 15px;
top: 7px;
}

#intro {
margin-top: 5px;
margin-bottom: 5px; 
}

#checklist {
background-color: #EFF5F6;
border-left: 5px solid #1e77aa;
}

#person {
background-color: #EFF5F6;
border-left: 5px solid #1e77aa;
}

#online {
background-color: #EFF5F6;
border-left: 5px solid #1e77aa;
}

#digital {
background-color: #f5f5f5;
border-left: 5px solid grey;
}



#formLinks li::before {
content: "Download the form: ";
font-weight: bold; 
font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
font-size: 120%;
}

#person ul, #digital ul, #online ul, #checklist ul, #intro ul
{
list-style-type: disc; 
list-style-position: inside;
margin-top: 0.5em;
font-size: 80%;
}