cover {

background-color: $brand-color;
background-image: url("../assets/images/sat-maputo.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100vw;
height: 80vh;
position: relative;
left: calc(-50vw + 50%);
top: -$spacing-unit * 2.5;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
flex-wrap: wrap;
color: #FFFFFF;

* {
  text-align: center;
  margin: $spacing-unit / 2;
}

.post-title {
  text-align: center;
  @include relative-font-size(3.5);
  line-height: 110%;
  color: $grey-color-light;
  font-weight: 700;
  width: 90%;
  margin: auto;

  @media screen and (max-width: $on-palm) {
    @include relative-font-size(2.5);
  }
}

h2 {
  @include relative-font-size(2);
  width: 95%;
  text-align: center;
  margin: auto;
  color: $grey-color-light;
  line-height: 1.1;
}

}

home {

img {
  width: 100vw !important;
  position: relative;
  left: calc(-50vw + 50%);
  border-radius: 0;
}

}

safari–cover .safari–description {

width: 1140px;
margin: auto;
padding: 0 60px;
font-size: $big-font-size;
color: $brand-color;

}

safari–cover .safari–description blockquote {

font-size: $big-font-size;

}

safari–partners {

margin-bottom: $spacing-unit * 2;

}

.home blockquote {

font-style: normal;

p {
  margin-bottom: $spacing-unit / 2;
}

em {
  color: $brand-color;
}

}

.home–objectives {

display: flex;
flex-wrap: wrap;
margin-bottom: $spacing-unit * 2;
font-size: $big-font-size * 0.9;
font-family: $title-font-family;
text-align: center;
color: $text-color;

button {
  padding: $spacing-unit / 2 $spacing-unit;
  margin-right: $spacing-unit / 2;
  margin-bottom: $spacing-unit / 2;
  text-transform: none;
  line-height: inherit;
  @include relative-font-size(1.3);
}

.fas {
  margin-right: 0.5rem;
  color: $brand-color;
}

div {
  margin-right: $spacing-unit;
  margin-bottom: $spacing-unit / 2;
  padding: $spacing-unit / 2 0;
  border-radius: $spacing-unit;
  font-weight: $title-font-weight;

  @include relative-font-size(1.3)
}

}

.post-list {

width: 100%;
flex-wrap: wrap;
margin: auto;

}

.post-list > li:first-child {

border-top: 1px solid $grey-color-dark;

}

.post-list > li {

display: flex;
padding: $spacing-unit / 1.5 0;
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
margin-bottom: 0;
border-bottom: 1px solid $grey-color-dark;
@include media-query($on-palm) {
  padding: $spacing-unit / 2 0;
  display: block;
}
@include relative-font-size(1.1);

}

.post-list > li > * {

width: 50%;
margin-bottom: 0;
margin-right: $spacing-unit;
@include media-query($on-palm) {
 width: 100%;
}

}

.home-content {

* {

}
blockquote p {
  column-count: 1;
  margin-bottom: $spacing-unit * 2;
}
p {
  margin-bottom: $spacing-unit * 2;

  @include media-query($on-palm) {
    column-count: 1;
  }
}

}