/* CUSTOM CSS TO STYLE THE THEME, overides bootstrap 3 css */
/* Header */
section#block-block-1 {
  width: 100%;
  padding: 2% 10%; }
  section#block-block-1 img {
    height: auto;
    width: 70%;
    margin: 0 15%; }

section#block-system-main-menu {
  width: 100%;
  padding: 0px;
  background-color: #444; }
  section#block-system-main-menu ul.menu.nav {
    padding: 0px 40px !important;
    border-top: 1px #C7C5C5 solid;
    border-bottom: 1px #C7C5C5 solid;
    text-align: center; }
    section#block-system-main-menu ul.menu.nav li {
      display: inline-block;
      padding: 0 2%; }
      section#block-system-main-menu ul.menu.nav li a {
        padding: 10px 8px;
        color: #ffffff;
        font-size: 1.25em; }
      section#block-system-main-menu ul.menu.nav li a:hover {
        color: #444; }
    section#block-system-main-menu ul.menu.nav ul.dropdown-menu li {
      width: 100%; }
      section#block-system-main-menu ul.menu.nav ul.dropdown-menu li a {
        padding: 10px 16px;
        color: #444444; }

section#block-submenutree-2 {
  width: 100%;
  padding: 0px;
  background-color: #eee; }
  section#block-submenutree-2 ul.menu.nav {
    padding: 0px 40px !important;
    border-bottom: 1px #C7C5C5 solid;
    text-align: center; }
    section#block-submenutree-2 ul.menu.nav li {
      display: inline-block;
      padding: 0 2%; }
      section#block-submenutree-2 ul.menu.nav li a {
        padding: 10px 8px;
        color: #444;
        font-size: 1.25em; }
      section#block-submenutree-2 ul.menu.nav li a:hover {
        background-color: #444;
        color: #eee; }
    section#block-submenutree-2 ul.menu.nav ul.dropdown-menu li {
      width: 100%; }
      section#block-submenutree-2 ul.menu.nav ul.dropdown-menu li a {
        padding: 10px 16px;
        color: #444; }

@media (max-width: 450px) {
  section#block-block-1 {
    padding: 2% 0; }
  section#block-system-main-menu ul.menu.nav {
    padding: 0; }
    section#block-system-main-menu ul.menu.nav li {
      padding: 1% 2%;
      width: 100%;
      border-bottom: 1px #ccc solid; }
    section#block-system-main-menu ul.menu.nav li.last {
      border-bottom: 0; } }

/* Views */
/* News page */
div.view-recent-articles.view-display-id-page {
  /*
	// keep the short description on only the latest news item on the news page
	div.views-field.views-field-body {
		display: none;
	}
	div.views-field.views-field-field-feed-item-description {
		display: none;
	}
	div.views-row.views-row-1 {
		padding-top: initial;
		border-top: initial;
		div.views-field.views-field-body {
			display: initial;
		}
		div.views-field.views-field-field-feed-item-description {
			display: initial;
		}
	}
*/ }
  div.view-recent-articles.view-display-id-page div.views-field-title h4 {
    margin-bottom: 0px; }
  div.view-recent-articles.view-display-id-page div.views-row.views-row-first {
    margin-top: 0px;
    padding-top: 0px; }
  div.view-recent-articles.view-display-id-page div.views-row {
    margin-top: 15px;
    border-top: solid #ddd 3px;
    padding-top: 15px; }
  div.view-recent-articles.view-display-id-page div.views-row.views-row-first {
    border-top: none; }

/* News article individual display */
body.node-type-article article header {
  display: none; }
body.node-type-article div.field.field-name-field-feed-item-description.field-type-text-with-summary.field-label-hidden img {
  float: right; }
body.node-type-article div.node.node-article div.content div.field-type-image {
  float: right; }

/* People page */
body.page-node-241 aside div.well {
  background-color: initial;
  border: none;
  box-shadow: none;
  padding: 0; }
  body.page-node-241 aside div.well ul#people-nav {
    list-style-type: none;
    padding: 0;
    font-size: 1.25em; }
    body.page-node-241 aside div.well ul#people-nav li {
      margin-bottom: 10px; }
    body.page-node-241 aside div.well ul#people-nav li:before {
      content: "\00bb \0020";
      margin-left: -15px; }
body.page-node-241 section#block-views-people-isotope-filter-block-2, body.page-node-241 section#block-views-people-isotope-filter-block-3, body.page-node-241 section#block-views-people-isotope-filter-block-4, body.page-node-241 section#block-views-people-isotope-filter-block-5, body.page-node-241 section#block-views-people-isotope-filter-block-6 {
  padding-top: 40px; }
    body.page-node-241 section#block-views-people-isotope-filter-block-1 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-2 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-3 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-4 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-5 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-6 h3.block-title, body.page-node-241 section#block-views-people-isotope-filter-block-7 h3.block-title {
        font-style: italic;
    }
    body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row {
        margin: 5px;
        padding: 10px;
        padding-right: 2px;
        width: 330px;
        height: 12em;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        color: #333;
    }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row a, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row a {
            color: #58769D !important;
        }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row .views-field-field-image, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row .views-field-field-image {
            display: inline-block;
            float: left;
        }
            body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row .views-field-field-image img, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row .views-field-field-image img {
                width: inherit;
                padding: 0px;
                margin: 0px 20px 10px 0px;
                box-shadow: 5px 5px 45px -5px rgba(0, 0, 0, 0.75);
            }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row div.full-name-custom, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row div.full-name-custom {
            font-size: 1.4em;
        }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row div div.user-type, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row div div.user-type {
            font-size: 1.25em;
        }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row div.views-field-field-institution-1, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row div.views-field-field-institution-1 {
            font-size: 1.25em;
        }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row div.views-field-field-public-email, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row div.views-field-field-public-email {
            margin-right: -2px;
            word-break: break-all;
        }
        body.page-node-241 section#block-views-people-isotope-filter-block-1 div.views-row div.views-field-field-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-2 div.views-row div.views-field-field-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-3 div.views-row div.views-field-field-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-4 div.views-row div.views-field-field-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-5 div.views-row div.views-field-filed-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-6 div.views-row div.views-field-filed-uc-water-connection, body.page-node-241 section#block-views-people-isotope-filter-block-7 div.views-row div.views-field-filed-uc-water-connection {
            clear: both;
        }

body.node-type-person div.field-name-field-image {
  display: inline-block; }
  body.node-type-person div.field-name-field-image img {
    width: 100%;
    padding: 0px;
    margin: 10px;
    margin-left: 0px;
    box-shadow: 5px 5px 45px -5px rgba(0, 0, 0, 0.75); }
body.node-type-person div.field-name-field-first-name {
  display: inline-block;
  font-size: 2.5em;
  color: #58769D; }
body.node-type-person div.field-name-field-last-name {
  display: inline-block;
  margin-left: 0.25em;
  font-size: 2.5em;
  color: #58769D; }
body.node-type-person div.field-name-field-institution {
  font-size: 2em; }
body.node-type-person div.field-name-field-title {
  font-size: 1.5em; }
body.node-type-person div.field-name-field-abstract {
  margin-top: 20px; }
body.node-type-person div.field-name-field-uc-water-connection {
  margin-top: 20px; }
body.node-type-person div.field-name-field-bio {
  margin-top: 20px; }
body.node-type-person div.field-name-field-public-email {
  margin-top: 20px;
  font-size: 1.2em; }
body.node-type-person div.field-name-field-public-phone {
  margin-top: 10px;
  font-size: 1.2em; }
body.node-type-person div.field-name-field-website {
  margin-top: 10px;
  font-size: 1.2em;
  word-wrap: break-word; }
body.node-type-person div.field-name-field-video {
  text-align: center; }
  body.node-type-person div.field-name-field-video iframe {
    margin-top: 15px;
    padding-top: 15px; }

/* Publications page */
div.region.region-content div.view-publications div.field-content {
  display: inline; }
div.region.region-content div.view-publications div.views-field.views-field-field-full-citation {
  display: inline; }
div.region.region-content div.view-publications div.views-field.views-field-field-link-to-journal-publicatio {
  display: inline; }
div.region.region-content div.view-publications div.views-row {
  margin-bottom: 10px; }

/* Events page */
div.region.region-content div.view-events ul.pager {
  margin: initial; }
div.region.region-content div.view-events li.date-prev {
  left: 0 !important;
  right: initial !important;
  border-radius: 5px !important; }
  div.region.region-content div.view-events li.date-prev a {
    margin-right: 10px; }
div.region.region-content div.view-events li.date-next {
  border-radius: 5px !important; }
  div.region.region-content div.view-events li.date-next a {
    margin-left: 10px; }

body.node-type-event article header {
  display: none; }
body.node-type-event div.field-name-field-event-date {
  margin-bottom: 10px; }
  body.node-type-event div.field-name-field-event-date div.field-items {
    width: 100%; }
    body.node-type-event div.field-name-field-event-date div.field-items div.addtocal, body.node-type-event div.field-name-field-event-date div.field-items ul.addtocal_menu {
      margin-top: -15px; }
  body.node-type-event div.field-name-field-event-date div.date-display-range {
    display: inline; }
body.node-type-event div.field-name-field-location {
  margin-bottom: 10px; }
  body.node-type-event div.field-name-field-location p {
    margin-bottom: 0px; }
body.node-type-event div.field-name-field-contact-email {
  margin-top: 10px; }

div.calendar-calendar div.month-view .full td.multi-day div.monthview {
  height: 3em; }
  div.calendar-calendar div.month-view .full td.multi-day div.monthview a {
    color: #ffffcc; }

@media screen and (max-width: 740px) {
  .view .date-nav-wrapper .date-heading {
    text-align: left; }
  .calendar-calendar .month-view table.full {
    position: relative; }
  .calendar-calendar .month-view .full tr td {
    width: 100%;
    float: left;
    text-align: left; }
  .calendar-calendar tbody tr:hover td {
    background: none; }
  .calendar-calendar .month-view .full tr.single-day {
    border-top: 1px solid #ccc; }
  .calendar-calendar .month-view .full tr td.single-day:before {
    content: attr(data-day-of-month) ",\0000a0" attr(headers);
    font-weight: bold; }
  .calendar-calendar .month-view .full thead tr, .calendar-calendar .month-view .full tr th.days, .calendar-calendar .month-view .full tr td.date-box, .calendar-calendar .month-view .full tr td.no-entry, .calendar-calendar .month-view .full tr td.empty {
    display: none; }
  .calendar-calendar .month-view .full tr td.multi-day {
    margin-bottom: 20px; } }

/* Blocks */
section#block-block-12 h2 {
  margin-top: 0px;
  border-bottom: 1px solid #ccc;
  color: #444; }

section#block-block-9 {
  padding: 0px 10px; }

div.view-recent-articles.view-display-id-block_1 {
  margin-bottom: 30px; }
  div.view-recent-articles.view-display-id-block_1 div.views-row {
    margin-bottom: 20px; }

section#block-views-events-block-2 {
  margin-bottom: 30px; }
  section#block-views-events-block-2 .views-row {
    margin-bottom: 10px; }

#block-views-events-block-1 {
  margin-top: 15px;
  border-top: solid #ddd 3px;
  padding-top: 15px; }
  #block-views-events-block-1 div.date-nav.item-list {
    display: none; }

section#block-views-events-block-3, section#block-views-events-block-4, section#block-views-events-block-5 {
  margin-top: 40px; }
  section#block-views-events-block-3 div.views-row.views-row-first, section#block-views-events-block-4 div.views-row.views-row-first, section#block-views-events-block-5 div.views-row.views-row-first {
    margin-top: 0px; }
  section#block-views-events-block-3 div.views-row, section#block-views-events-block-4 div.views-row, section#block-views-events-block-5 div.views-row {
    margin-top: 15px;
    border-top: solid #ddd 3px;
    padding-top: 15px; }
  section#block-views-events-block-3 div.views-row.views-row-first, section#block-views-events-block-4 div.views-row.views-row-first, section#block-views-events-block-5 div.views-row.views-row-first {
    border-top: none; }
  section#block-views-events-block-3 div.views-field-title h4, section#block-views-events-block-4 div.views-field-title h4, section#block-views-events-block-5 div.views-field-title h4 {
    margin-bottom: 0px; }
  section#block-views-events-block-3 div.views-field-body p, section#block-views-events-block-4 div.views-field-body p, section#block-views-events-block-5 div.views-field-body p {
    text-align: left !important; }
  section#block-views-events-block-3 span.date-display-single, section#block-views-events-block-3 div.date-display-range, section#block-views-events-block-4 span.date-display-single, section#block-views-events-block-4 div.date-display-range, section#block-views-events-block-5 span.date-display-single, section#block-views-events-block-5 div.date-display-range {
    font-style: italic; }
    section#block-views-events-block-3 span.date-display-single div.date-display-range, section#block-views-events-block-3 div.date-display-range div.date-display-range, section#block-views-events-block-4 span.date-display-single div.date-display-range, section#block-views-events-block-4 div.date-display-range div.date-display-range, section#block-views-events-block-5 span.date-display-single div.date-display-range, section#block-views-events-block-5 div.date-display-range div.date-display-range {
      display: inline-block; }

/* LOADING BAR */
.app-loading .loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  -moz-animation: shift-rightwards 1s ease-in-out infinite;
  -ms-animation: shift-rightwards 1s ease-in-out infinite;
  -o-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s; }

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }

  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }

  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }

  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }

  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

/* Footer */
div#footer {
  background: #2F2D2D;
  border-top: 2px solid #ccc;
  font-size: 1.2em; }
  div#footer h5 {
    color: #b4b4b4; }
  div#footer p {
    margin: -5px 0px;
    color: #b4b4b4;
    font-size: 0.85em; }
  div#footer img {
    display: block;
    margin: auto; }
  div#footer .footer {
    width: initial;
    border: none;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px; }

/* General Styles */
body.html {
  background: #484848;
  -webkit-font-smoothing: antialiased;
  font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #444;
  font-size: 14px; }
  body.html a {
    color: #24a8e0; }

div.page-wrapper {
  display: block; }

div.page-content {
  height: auto;
  max-width: 1020px;
  -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.6);
  padding: 0px;
  margin: 50px auto 100px;
  background: #FFF;
  float: initial; }

body.page-node img {
  max-width: 100%; }

div.main-container {
  padding: 20px 33px 0px 33px; }

@media (max-width: 1040px) {
  body.html.toolbar {
    padding-top: 50px !important; }
  div.page-content {
    margin: 0px auto 0px; } }

div.region.region-content {
  margin-bottom: 40px; }

div.full_width_container div.region-full-width-content {
  border-top: 1px solid #ccc;
  padding: 20px 0px;
  margin-bottom: 10px; }

div.region.region-content img {
  max-width: 400px;
  height: auto;
  padding: 10px; }

div.media.media-element-container {
  overflow: visible; }
  div.media.media-element-container img {
    box-shadow: 19px 5px 5px 0px black !important; }

div.row {
  margin-left: initial;
  margin-right: initial; }

.node-page img {
  width: 100%;
  height: auto; }

.content p {
  line-height: 1.3em !important;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #183D6E; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px; }

hr {
  width: 100%;
  border-top: 4px solid #eee; }

.full_width {
  width: 100%; }
  .full_width img {
    width: 100%;
    height: auto; }