/* Declare fonts */
@font-face {
  font-family: 'Open Sans';
  src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
.no-padding {
  padding: 0;
}
.mainBodyContainer .infoContainer {
  display: inline;
  float: left;
  width: 100%;
  height: 255px;
  margin: 0;
  background-color: #387c7b;
  font-family: 'Roboto Slab', serif;
}
.mainBodyContainer .infoContainer .todayInHistoryContainer {
  position: relative;
  float: left;
  width: 470px;
  height: 100%;
  margin-right: 20px;
  margin-bottom: 10px;
}
.mainBodyContainer .infoContainer .linksContainer {
  margin-bottom: 10px;
  padding-left: 5px;
}
.textimage-flex {
  background-color: #f0f0f0;
  padding: 20px;
}
.text-images-flex {
  order: 2;
  float: left;
}
.landingpage-textimage-bottom {
  padding: 10px;
}
.lower-six-background-color {
  background-color: #f0f0f0;
}
.component {
  padding-left: 0;
  padding-right: 0;
}
.thirdRow {
  margin-bottom: 10px;
  padding: 0;
}
.todayInHistoryContainer {
  padding: 0;
  margin: 15px 0;
}
.linksContainer {
  padding: 0 0 10px 10px;
  padding-left: 0;
  background-color: white;
}
.leftTextImage {
  padding: 0 5px 0px 0px;
}
.rightTextImage {
  padding: 0;
}
.rightTextImage.museum .todayInHistory {
  background-color: #c9c9c9;
  color: #364659;
  min-height: 350px;
}
.rightTextImage.museum .todayInHistory a {
  color: #364659;
}
.rightTextImage.museum .todayInHistory .dateContainer .date {
  background-color: #364659;
}
.rightTextImage.museum .todayInHistory .dateContainer .date .month {
  color: white;
  background-color: #364659;
}
.rightTextImage.museum .todayInHistory .dateContainer .date .day {
  color: #364659;
  background-color: white;
}
.textImage_topContainerLeft {
  padding-left: 0;
}
.textImage_topContainerRight {
  padding-right: 0;
}
.text-image-rule {
  color: #364659;
  background-color: #364659;
  height: 0.5px;
  border: solid;
  border-width: 0.5px;
  width: auto;
  margin: 0;
}
@media screen and (max-width: 749px) {
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(n+2):before {
    content: '';
    border-bottom: 1px solid #364659;
    position: absolute;
    display: block;
    width: 94%;
    margin-top: -2.5em;
  }
}
@media screen and (min-width: 750px) and (max-width: 991px) {
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(2n+3):before {
    content: '';
    border-bottom: 1px solid #364659;
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -2.5em;
  }
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(4):before,
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(6):before {
    content: '';
    border-bottom: 1px solid #364659;
    position: absolute;
    display: block;
    width: 91.5%;
    margin-top: -2.5em;
  }
}
@media screen and (min-width: 992px) {
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(n+4):before {
    content: '';
    border-bottom: 1px solid #364659;
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -2.5em;
  }
  div.lower-six-background-color .landingpage-textimage-bottom:nth-child(6):before {
    content: '';
    border-bottom: 1px solid #364659;
    position: absolute;
    display: block;
    width: 94.5%;
    margin-top: -2.5em;
  }
}
@media screen and (max-width: 991px) {
  .mainBodyContainer {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .landingpage-textimage-bottom .textImage_top .imageHeader {
    height: initial;
  }
  .thirdRow {
    background-color: #fff;
    padding: 0;
  }
  .todayInHistoryContainer {
    padding: 0;
    min-height: 0;
  }
  .textImage_topContainerLeft {
    padding: 0;
  }
  .textImage_topContainer {
    padding: 0 15px 0 0;
  }
  .textImage_topContainerRight {
    padding: 0;
  }
  .leftTextImage,
  .rightTextImage {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .secondRow {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 767px) {
  .textimage-flex .col-sm-iphone-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 50%;
  }
}
