.hero-unit {
    background-image:url('http://summer.berkeley.edu/sites/default/files/DSC_1826-1.jpg');
    background-size:cover;
    background-color: #eee;
    height:300px;
  }
.hero-unit {
    color: #fff;
    margin-bottom: 0;
}


.hero-unit a { color: #d5d5d2; }
.hero-unit a:hover, a:focus { color: #d5d5d2; text-decoration: underline; }

.fill{width:100%;height:350px;background-position:center;background-size:cover;
}

    /* Large desktop */
    @media (min-width: 1200px) { ... }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { ... }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { ... }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { ... }


@media (min-width : 768px) {
.hero-unit { font-size: 14px; } }

@media (min-width : 767px) {
.hero-unit { font-size: 14px; } }

@media (max-width : 480px) {
.hero-unit { font-size: 12px; } }