ul.fou {
list-style: disc outside none;
padding: 20px 80px;
    font-family: 'helvetica';
    font-size: 0.925em;
    font-style: italic;
    font-weight: 400;
     color: #fff;
     line-height: 1.25em;
     }
     .grant{
 text-align:center; 
 padding: 10px 100px;
 font-family: 'helvetica';
    font-size: 0.925em;
    font-style: italic;
    font-weight: 300;
     color: #517d95;
     line-height: 1.25em;
     }
.note {
    font-family: 'helvetica';
    font-size: 0.925em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align:left;
     padding:10px;
     }
 .dot{
     font-family: 'helvetica';
     font-size: 0.95em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 50px;
     margin-bottom: 0px;
     padding: 4px 20px;
     }
     
   .dot1{
     font-family: 'helvetica';
     font-size: 0.95em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 50px;
     margin-bottom: 0px;
     padding: 4px 20px;
     }
.intro { font-family:'Quicksand';
    font-size: 1.525em;
    font-style:italic;
    font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: center;
     margin-top:8px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     }
     
  .title {
font-family: 'Quicksand', serif;
    font-size: 1.45em;
    font-style: normal;
    font-weight: 500;
     color: #517d95;
     line-height: 1.25em;
     text-align: right;
     margin: auto;
     letter-spacing: 0.125em;
     width: 90%;
     padding: 20px;
     }
.dotty { padding: 8px 8px 0px 8px; display:block; }   
.winner { font-family: 'Quicksand', serif; font-size:0.85em; color:#fff;  background-color:#8db3ca; text-align:right; line-height: 1.25em; padding: 6px 10px;}
#box1 { background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url("../img/2015award.png") 50% 0% no-repeat;
background-size: 100%;}

#box2 {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/dl1v2.png") 50% 0% no-repeat;
background-size: 100%;}
#box3 {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/epv2.png") 50% 0%  no-repeat;
background-size: 100%;}

#box4 { background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../img/NYPL240.png")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
padding:0px;
margin-top: 20px;

}

#box5 { height:300px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/dl9.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
margin-top: 8px;
}


#box7 { height:289px; background: url("../pw/DLatBlueAngel.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}
#box8 { height:158px; background: url("../pw/1977TA.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}
#box9 { height:300px;
background: url("../pw/mrsH.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}

.topbox { float:left; padding: 10px 20px 20px 20px; width: 220px;}



@media screen and (max-width: 780px) {
.dotty { padding: 8px 8px 0px 8px; display:none; } 
 .dot{
     font-family: 'helvetica';
     font-size: 1.0em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 6px;
     margin-bottom: 0px;
     padding: 4px 10px;
     }
.dot1{
     width:60%;
     font-family: 'helvetica';
     font-size: 1.0em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 6px;
     margin-bottom: 0px;
     padding: 4px 6px;
     }
     
     #box7 { height:200px; background: url("../pw/DLatBlueAngel.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}
#box8 { height:100px; background: url("../pw/1977TA.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}
#box9 { height:200px;
background: url("../pw/mrsH.png")0% 50% no-repeat;
background-size: 100%;
background-color:#8db3ca; 
}
#box4 { background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../img/NYPL240.png")30% 30% no-repeat;
background-size: 100%;
background-color: #fff;
padding:0px;
margin-top: 20px;

}
}

@media screen and (max-width: 700px) {
.dotty { padding: 8px 8px 0px 8px; display:none; } 
 .dot{
     font-family: 'helvetica';
     font-size: 1.0em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 6px;
     margin-bottom: 0px;
     padding: 4px 6px;
     }
.dot1{
     width:60%;
     font-family: 'helvetica';
     font-size: 1.0em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1.25em;
     text-align: left;
     margin-top: 4px;
     margin-left: 6px;
     margin-bottom: 0px;
     padding: 4px 6px;
     }
}