/* reset styles */
/* fonts */
@font-face {
  font-family: 'Tiempos Headline Bold';
  src: url('../fonts/TiemposHeadline-Bold.eot');
  src: url('../fonts/TiemposHeadline-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TiemposHeadline-Bold.woff2') format('woff2'),
    url('../fonts/TiemposHeadline-Bold.woff') format('woff'),
    url('../fonts/TiemposHeadline-Bold.ttf') format('truetype'),
    url('../fonts/TiemposHeadline-Bold.svg#TiemposHeadline-Bold') format('svg');
  font-weight: bold;
}
@font-face {
  font-family: 'Avenir Book';
  src: url('../fonts/avenir-book.eot');
  src: url('../fonts/avenir-book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/avenir-book.woff') format('woff'),
    url('../fonts/avenir-book.ttf') format('truetype'),
    url('../fonts/avenir-book.svg#avenir-book') format('svg');
  font-weight: normal;
}

h1 {
  font-family: 'Tiempos Headline Bold';
}

.container {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.row-6 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .row-6 {
    width: 50%;
    height: 100vh;
  }
}

.full-image {
  height: 300px;
  background: url(../images/evora.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .full-image {
    height: 100vh;
  }
}

.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content .title {
  position: relative;
}

@media screen and (min-width: 768px) {
  .content .title {
    height: 200px;
  }
}

.content .title h1 {
  position: absolute;
  top: -80px;
  left: 20px;
  right: 20px;
  font-size: 2rem;
  color: #1A1A19;
  background-color: #FFFFFF;
  margin: 0;
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .content .title h1 {
    top: 100px;
    left: -60px;
    font-size: 3rem; 
    padding: 20px 40px;
  }
}

ul {
  position: relative;
  margin: 50px 0;
}

@media screen and (min-width: 768px) {
  ul {
    margin: 100px 0;
  }
}

ul li {
  list-style: none;
  padding: 10px 0;
}

ul li a {
  font-family: 'Avenir Book';
  text-decoration: none;
  color: #828585;
}

ul li a:hover {
  color: #1A1A19;
}