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

#nav-site {
display:none;
}
}

@media (min-width: 600px) and (max-width: 900px) {
#person, #online, #digital, #checklist, #success-box, #warn-box, #error-box {

max-width: 95%;
}

#nav-site {
display:none;
}
}

@media (min-width: 901px) {
#person, #online, #digital, #checklist, #success-box, #warn-box, #error-box {

min-width:870px;
max-width: 55%;    
}


} 

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

}

.form-section ul {
list-style-type: disc !important; 
list-style-position: outside !important;
margin-top: 0.5em;
font-size: 80%;
padding-left: 20px !important;
}


.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;
}

#success-box {
background-color: #f2f7ea;
border-left: 5px solid #9ebf6d;
}

#warn-box {
background-color: #ffedde;
border-left: 5px solid #f9af71;
}

#error-box {
background-color: #fcf4f6;
border-left: 5px solid #b90824;
}

#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, #success-box ul, #warn-box ul, #error-box ul
{
list-style-type: disc; 
list-style-position: inside;
margin-top: 0.5em;
font-size: 80%;
}