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;
     }
 .found {
font-family: 'Montserrat';
    font-size: 0.95em;
    font-style: normal;
    font-weight: 300;
     color: #517d95;
     line-height: 1.25em;
     text-align: left;
     margin-top: 20px;
     margin-left: 50px;
     margin-bottom: 0px;
      padding: 10px 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;
     }
     
.winner { font-family: 'Quicksand', serif; font-size:1em; color:#fff;  background-color:#b0cad8;; text-align:right; line-height: 2.25em; padding: 0 10px 0 0;}
#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;
}

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

#box6 { height:200px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2010.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box7 { height:200px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2011.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box8 { height:200px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2012.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box9 { height:200px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2013.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box10 { height:200px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2014.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}

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


@media screen and (max-width: 780px) {
#box5 h1 {font-size:0.85em;}
#box5 { height:130px;  url("../pw/2009.jpg")0% 0% no-repeat;
background-size: 100%;
background-color: #000;
}
#box6 { height:130px; url("../pw/2010.jpg")0% 50% no-repeat;
background-size: 100%;
}
#box7 { height:130px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2011.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box8 { height:130px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2012.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box9 { height:130px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2013.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
#box10 { height:130px; background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../pw/2014.jpg")0% 50% no-repeat;
background-size: 100%;
background-color: #fff;
}
.topbox { float:left; padding: 10px 20px 20px 20px; width: 180px;}
.found {margin-left:20px;}
.winner { font-family: 'Quicksand', serif; font-size:0.8em; color:#fff; background-color:#b0cad8;  text-align:right; line-height: 1.55em; padding: 6px 0px;}
}


@media screen and (max-width: 700px) {
.topbox { float:left; padding: 10px 20px 20px 20px; width: 220px;}
 .found {
font-family: 'Montserrat';
    font-size: 0.95em;
    font-style: normal;
    font-weight: 300;
     color: #517d95;
     line-height: 1.25em;
     text-align: left;
     margin-top: 20px;
     margin-left: 0px;
     margin-bottom: 0px;
      padding: 6px;
     }
ul.fou {
list-style: disc outside none;
padding: 16px;
    font-family: 'helvetica';
    font-size: 0.925em;
    font-style: italic;
    font-weight: 400;
     color: #fff;
     line-height: 1.25em;
     }
    .grant{
 text-align:center; 
 padding: 20px;
 font-family: 'helvetica';
    font-size: 0.925em;
    font-style: italic;
    font-weight: 300;
     color: #517d95;
     line-height: 1.25em;
     }
     #cab {width:90%;}
     #box10, #box9, #box8, #box7, #box6, #box5 { height:240px;}
}

@media screen and (max-width: 480px) {
#box10, #box9, #box8, #box7, #box6, #box5 {height:180px; width: 100%;}
.topbox { float:left; padding: 10px 20px 20px 40px; width: 220px;}
}