@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700");
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
main {
  display: block; }

.clearfix:before, .navigation:before, .navigation__list:before,
.clearfix:after,
.navigation:after,
.navigation__list:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }


.clearfix:after,
.navigation:after,
.navigation__list:after {
  clear: both; }

html {
  /* Defaults */
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Roboto", sans-serif; }
  @media screen and (min-width: 720px) {
    body {
      font-size: 1.8rem; } }

a {
  color: #3A8EBF; }

.container {
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 1024px) {
    .container {
      max-width: 1024px; } }

.row {
  position: relative;
  width: 100%; }

[class^="col-"] {
  float: left;
  margin: 0 2%; }

.row::after {
  content: "";
  display: table;
  clear: both; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%; }

.col-1-sm {
  width: 4.33333%; }

.col-2-sm {
  width: 12.66667%; }

.col-3-sm {
  width: 21%; }

.col-4-sm {
  width: 29.33333%; }

.col-5-sm {
  width: 37.66667%; }

.col-6-sm {
  width: 46%; }

.col-7-sm {
  width: 54.33333%; }

.col-8-sm {
  width: 62.66667%; }

.col-9-sm {
  width: 71%; }

.col-10-sm {
  width: 79.33333%; }

.col-11-sm {
  width: 87.66667%; }

.col-12-sm {
  width: 96%; }

@media only screen and (min-width: 720px) {
  .col-1 {
    width: 4.33333%; }
  .col-2 {
    width: 12.66667%; }
  .col-3 {
    width: 21%; }
  .col-4 {
    width: 29.33333%; }
  .col-5 {
    width: 37.66667%; }
  .col-6 {
    width: 46%; }
  .col-7 {
    width: 54.33333%; }
  .col-8 {
    width: 62.66667%; }
  .col-9 {
    width: 71%; }
  .col-10 {
    width: 79.33333%; }
  .col-11 {
    width: 87.66667%; }
  .col-12 {
    width: 96%; } }

button,
.button,
.button--inverted,
.contact__button,
.navigation__button,
.expertise__load-more {
  border: none;
  padding: 0 2rem;
  background: #3A8EBF;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 5rem;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block; }
  button:hover, button:active,
  .button:hover,
  .button--inverted:hover,
  .contact__button:hover,
  .navigation__button:hover,
  .expertise__load-more:hover,
  .button:active,
  .button--inverted:active,
  .contact__button:active,
  .navigation__button:active,
  .expertise__load-more:active {
    background: #2D6F95; }

.button--inverted, .contact__button {
  color: white;
  background: transparent;
  border: 2px solid #FFFFFF; }
  .button--inverted:hover, .contact__button:hover, .button--inverted:active, .contact__button:active {
    background: rgba(255, 255, 255, 0.2); }

.button-round {
  background-color: #3A8EBF;
  padding: .5rem .5rem;
  color: #FFFFFF;
  border-radius: .5rem;
  letter-spacing: 0;
  cursor: pointer; }
  .button-round:hover {
    background-color: #2D6F95; }
  .button-round .hidden,
  .button-round .js-hidden {
    display: none; }

.button-show {
  padding: 1rem;
  margin-top: 1rem; }

.button-redirect {
  padding: 1rem;
  margin-bottom: 2rem; }

img {
  max-width: 100%;
  height: auto; }

.default__title, .customers__title, .expertise_intro-title, .contact__title {
  font-family: "Roboto Slab", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3; }
  @media screen and (min-width: 720px) {
    .default__title, .customers__title, .expertise_intro-title, .contact__title {
      font-size: 3.6rem;
      line-height: 1.2; } }

/* ==========================================================================
   Text editor styles - Long body copy styles
   ========================================================================== */
.rich-text {
  max-width: 42em;
  /* Margins
		   ========================================================================== */
  /* Images
		   ========================================================================== */
  /* Listings
		   ========================================================================== */
  /* Listing identifiers */
  /* Margin bottom - All listing items */
  /* Unordered Listing items */
  /* Links
		   ========================================================================== */
  /* Blockquote
		   ========================================================================== */
  /** Bold strong
		----------------------------------- */
  /** italic
		----------------------------------- */
  /** Table
		----------------------------------- */ }
  .rich-text h1, .rich-text p, .rich-text ul, .rich-text ol, .rich-text blockquote {
    margin-bottom: 2rem; }
    @media screen and (min-width: 720px) {
      .rich-text h1, .rich-text p, .rich-text ul, .rich-text ol, .rich-text blockquote {
        margin-bottom: 4rem; } }
  .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
    margin: 2rem 0 1rem; }
    @media screen and (min-width: 720px) {
      .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
        margin: 2rem 0 2rem; } }
  .rich-text li {
    margin-bottom: 1rem; }
    @media screen and (min-width: 720px) {
      .rich-text li {
        margin-bottom: 2rem; } }
  .rich-text img {
    width: 100%;
    max-width: 100%; }
  .rich-text img[width] {
    width: auto;
    height: auto;
    max-width: 100%; }
  .rich-text ul, .rich-text ol {
    padding-left: 2rem; }
  .rich-text ul li:last-child,
  .rich-text ol li:last-child {
    margin-bottom: 0; }
  .rich-text ul li {
    list-style-type: none; }
  .rich-text ul li {
    list-style: none;
    padding: 0;
    position: relative; }
  .rich-text ul li:before {
    content: '';
    color: #3A8EBF;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%22762%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%0A%20%3Cmetadata%3ECreated%20by%20potrace%201.11%2C%20written%20by%20Peter%20Selinger%202001-2013%3C/metadata%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C/title%3E%0A%20%20%3Cg%20id%3D%22svg_1%22%20fill%3D%22%23000000%22%20transform%3D%22translate%280%2C762%29%20scale%280.10000000149011612%2C-0.10000000149011612%29%20%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%233A8EBF%22%20id%3D%22svg_2%22%20d%3D%22m8905%2C7606c-143%2C-28%20-260%2C-78%20-380%2C-164c-43%2C-31%20-582%2C-559%20-1397%2C-1369c-729%2C-725%20-1812%2C-1801%20-2406%2C-2390l-1079%2C-1073l-1046%2C1039c-575%2C572%20-1076%2C1062%20-1114%2C1091c-81%2C62%20-202%2C121%20-309%2C152c-68%2C20%20-102%2C23%20-244%2C23c-192%2C0%20-262%2C-15%20-415%2C-90c-236%2C-115%20-418%2C-338%20-487%2C-595c-19%2C-71%20-23%2C-109%20-22%2C-235c1%2C-133%204%2C-160%2028%2C-240c34%2C-112%2082%2C-211%20144%2C-295c27%2C-36%20817%2C-829%201757%2C-1763l1708%2C-1699l481%2C480c265%2C263%201532%2C1522%202816%2C2797c2865%2C2843%202847%2C2825%202900%2C2904c206%2C306%20211%2C708%2014%2C1014c-57%2C87%20-158%2C194%20-240%2C253c-81%2C58%20-212%2C119%20-309%2C145c-103%2C27%20-301%2C34%20-400%2C15z%22/%3E%0A%20%20%3C/g%3E%0A%20%3C/g%3E%0A%3C/svg%3E") no-repeat top left/contain;
    font-size: inherit;
    position: absolute;
    height: 2rem;
    width: 2rem;
    left: -3rem;
    top: 0.75rem; }
  .rich-text blockquote {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 300;
    font-style: italic;
    padding: 2rem; }
    .rich-text blockquote:before {
      content: open-quote; }
    .rich-text blockquote:after {
      content: close-quote; }
  .rich-text strong, .rich-text b {
    font-weight: 700; }
  .rich-text i, .rich-text em, .rich-text .italic {
    font-style: italic; }
  .rich-text table {
    max-width: 100%;
    min-width: 50%;
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 2rem; }
    .rich-text table tbody tr:nth-child(odd) {
      background: #F3F8FB; }
    .rich-text table tbody tr:nth-child(even) {
      background: rgba(248, 251, 253, 0.7); }
    .rich-text table th {
      border: 1px solid black;
      background: rgba(248, 251, 253, 0.7); }
    .rich-text table td {
      border: 1px solid black;
      padding: 1rem; }
  .rich-text .paragraph {
    font-size: 2rem;
    padding-bottom: 2rem; }
  .rich-text h1 {
    font-family: "Roboto Slab", sans-serif;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.2; }
  .rich-text h2 {
    font-family: "Roboto Slab", sans-serif;
    font-size: 2.4rem;
    font-weight: 700; }
  .rich-text h3 {
    font-family: "Roboto", sans-serif;
    font-size: 2.4rem;
    font-style: italic;
    font-weight: 300;
    line-height: 2.4rem; }
  .rich-text h4 {
    font-family: "Roboto", sans-serif;
    font-size: 2rem;
    line-height: 2rem; }
  .rich-text h5 {
    font-family: "Roboto", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8rem; }
  .rich-text h6 {
    font-family: "Roboto", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem; }
  .rich-text u, .rich-text .underline {
    text-decoration: underline; }

/** Navigation
----------------------------------- */
.navigation {
  padding: 2rem; }
  @media screen and (min-width: 720px) {
    .navigation {
      padding: 3rem 0; } }

#navigation__mobile-logo {
  display: none;
  float: left;
  max-width: 20rem; }
  .navigation-is-open #navigation__mobile-logo {
    display: inline-block; }
    @media screen and (min-width: 720px) {
      .navigation-is-open #navigation__mobile-logo {
        display: none; } }

#navigation__trigger {
  color: #FFFFFF;
  background: rgba(58, 142, 191, 0.6);
  float: right;
  margin-right: 3rem;
  border-radius: 50%;
  overflow: hidden;
  outline: 0;
  position: fixed;
  right: 0;
  width: 4rem;
  height: 4rem;
  line-height: 4rem; }
  #navigation__trigger svg {
    width: 4rem;
    height: 50%;
    margin-left: -2rem;
    vertical-align: sub; }
    #navigation__trigger svg:first-child {
      display: initial; }
    #navigation__trigger svg:last-child {
      display: none; }
  @media screen and (min-width: 720px) {
    #navigation__trigger {
      display: none; } }
  #navigation__trigger:hover, #navigation__trigger:active {
    background: rgba(58, 142, 191, 0.8); }

.navigation__trigger-text {
  display: none; }

.navigation__list {
  display: block;
  padding: 6rem 0 2rem;
  margin-left: -2rem; }
  @media screen and (min-width: 720px) {
    .navigation__list {
      padding: 0; } }

.navigation__item {
  list-style-type: none; }
  @media screen and (min-width: 720px) {
    .navigation__item {
      display: inline-block;
      float: left; }
      .navigation__item.navigation__item--external {
        float: right; } }

.navigation__item-text {
  display: block;
  line-height: 4rem; }

.navigation__link {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
  background: transparent;
  font-size: 2rem;
  text-align: left;
  padding-left: 0; }
  .navigation__link:hover, .navigation__link:active {
    color: #3A8EBF; }
  @media screen and (min-width: 720px) {
    .navigation__link {
      margin-bottom: 0;
      color: #FFFFFF;
      padding-left: 2rem; }
      .navigation__link:hover:not(.navigation__link--button) .navigation__item-text, .navigation__link:active:not(.navigation__link--button) .navigation__item-text {
        color: #FFFFFF;
        border-bottom: 0.3rem solid #FFFFFF; } }

.navigation__button {
  margin-top: 2rem; }
  @media screen and (min-width: 720px) {
    .navigation__button {
      margin-top: 0; } }

.hero {
  padding: 7rem 0 14rem; }
  @media screen and (min-width: 720px) {
    .hero {
      padding: 28rem 0; } }

.hero-blog,
.hero-page {
  padding: 4rem 0;
  color: white; }
  .hero-blog .container,
  .hero-page .container {
    padding-left: 2rem; }
  @media screen and (min-width: 720px) {
    .hero-blog,
    .hero-page {
      padding: 6rem 0; } }
  .hero-blog .default__title, .hero-blog .customers__title, .hero-blog .expertise_intro-title, .hero-blog .contact__title,
  .hero-page .default__title,
  .hero-page .customers__title,
  .hero-page .expertise_intro-title,
  .hero-page .contact__title {
    margin-top: 3rem; }
    @media screen and (min-width: 720px) {
      .hero-blog .default__title, .hero-blog .customers__title, .hero-blog .expertise_intro-title, .hero-blog .contact__title,
      .hero-page .default__title,
      .hero-page .customers__title,
      .hero-page .expertise_intro-title,
      .hero-page .contact__title {
        margin-top: 6rem; } }

.hero__date {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #D7D7D7;
  display: block; }

.hero__logo {
  max-width: 90%;
  margin: auto; }
  @media screen and (min-width: 720px) {
    .hero__logo {
      max-width: 54rem; } }

.services {
  margin-top: -5.25rem; }
  @media screen and (min-width: 720px) {
    .services {
      margin-top: -9rem; } }
  .services .row {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 720px) {
      .services .row {
        margin-top: -9rem;
        flex-direction: row;
        overflow: hidden; } }

.service__item {
  background: rgba(58, 142, 191, 0.9);
  padding: 0 2rem 2rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  height: 100%; }
  @media screen and (min-width: 720px) {
    .service__item {
      padding: 0 3rem 3rem; } }

.service__title {
  font-size: 2rem;
  line-height: 1.3;
  padding: 2rem 0;
  font-family: "Roboto Slab", sans-serif; }
  @media screen and (min-width: 720px) {
    .service__title {
      font-size: 2.4rem;
      line-height: 1.4;
      padding: 3rem 0; } }

.service__text {
  font-size: 1.4rem;
  padding: 0;
  font-family: "Roboto", sans-serif; }
  @media screen and (min-width: 720px) {
    .service__text {
      font-size: 1.6rem;
      padding: 3rem 0 0; } }

.about {
  position: relative;
  margin-top: 4rem; }
  @media screen and (min-width: 720px) {
    .about {
      padding-top: 7.5rem;
      margin-top: 15rem; } }

.about__icon {
  padding: 2rem 2rem 1rem; }
  @media screen and (min-width: 720px) {
    .about__icon {
      text-align: center;
      padding-top: 0; } }
  .about__icon img {
    max-width: 4.5rem; }
    @media screen and (min-width: 720px) {
      .about__icon img {
        max-width: 9.6rem; } }

.about__title {
  font-family: "Roboto Slab", sans-serif;
  font-size: 2.4rem;
  line-height: 1.3;
  padding: 0 2rem; }
  @media screen and (min-width: 720px) {
    .about__title {
      font-size: 3.6rem;
      line-height: 1.2;
      max-width: 43rem; } }

.about__text {
  padding: 0 2rem;
  margin-top: 2.4rem; }
  .about__text:last-child {
    margin-bottom: 6rem; }
  @media screen and (min-width: 720px) {
    .about__text {
      margin-top: 4rem; }
      .about__text:last-child {
        margin-bottom: 15rem; } }

.about__bg {
  position: absolute;
  z-index: -1;
  background: rgba(58, 142, 191, 0.06);
  height: 13rem; }
  @media screen and (min-width: 720px) {
    .about__bg {
      height: 23rem;
      top: -7rem; } }

.number {
  margin-bottom: 6rem; }
  .number .container {
    padding: 0 1rem; }

.number__visual {
  position: relative;
  z-index: -1; }
  .number__visual img {
    display: block;
    width: 100%; }

.number__items {
  background: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  padding: 1.5rem 0;
  margin-top: -5rem; }
  @media screen and (min-width: 720px) {
    .number__items {
      margin: 0 1.5rem;
      margin-top: -8.3rem; } }

.number__box {
  padding: 1.5rem 2.5rem; }
  @media screen and (min-width: 720px) {
    .number__box {
      padding: 4rem 0;
      text-align: center; } }

.number__count {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  display: inline-block;
  min-width: 6rem; }
  @media screen and (min-width: 720px) {
    .number__count {
      font-size: 3.6rem;
      display: block;
      min-width: none;
      margin-bottom: 2rem; } }

.number__text {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 400;
  font-size: 1.8rem; }

.customers {
  position: relative;
  margin-bottom: 3.5rem; }
  @media screen and (min-width: 720px) {
    .customers {
      padding-top: 7.5rem; } }

.customers__title {
  padding: 0 2rem;
  margin-bottom: 3rem; }
  @media screen and (min-width: 720px) {
    .customers__title {
      max-width: 43rem; } }

.customers__sub-title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  padding: 0 2rem; }
  @media screen and (min-width: 720px) {
    .customers__sub-title {
      font-size: 2.2rem;
      max-width: 43rem; } }

.customers__content {
  padding: 0 2rem;
  margin-top: 2.4rem; }
  @media screen and (min-width: 720px) {
    .customers__content {
      margin-top: 0; } }
  .customers__content p {
    margin-bottom: 2rem; }

.customers__bg {
  position: absolute;
  right: 0;
  top: 33%;
  transform: translateY(-33%);
  z-index: -1;
  background: rgba(58, 142, 191, 0.06);
  height: 24rem;
  max-width: 66%; }
  @media screen and (min-width: 720px) {
    .customers__bg {
      height: 24rem;
      left: 45%;
      transform: translate(-45%, -60%);
      max-width: none; } }

.customers__spacing {
  margin-top: 4rem; }
  @media screen and (min-width: 720px) {
    .customers__spacing {
      margin-top: 15rem; } }

.customers__quotes-icon {
  color: #3A8EBF;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .customers__quotes-icon {
      text-align: right; } }

.quote__item {
  margin-bottom: 2rem; }

.quote__item {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 300;
  font-style: italic;
  padding-right: 2rem; }
  @media screen and (min-width: 720px) {
    .quote__item {
      font-size: 2rem;
      line-height: 3rem;
      padding-right: 0; } }
  .quote__item cite {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    font-style: normal;
    margin-top: 1rem;
    display: block; }

.expertise {
  background: rgba(58, 142, 191, 0.06);
  margin-top: 6rem;
  padding: 5rem 3rem; }
  @media screen and (min-width: 720px) {
    .expertise {
      margin-top: 11rem;
      padding: 10rem; } }
  .expertise .col-4:last-child .expertise__item {
    border: none; }

.expertise_intro-title {
  margin-bottom: 2.4rem; }
  @media screen and (min-width: 720px) {
    .expertise_intro-title {
      margin-bottom: 0; } }

.expertise__items {
  display: flex;
  flex-flow: row wrap; }

.expertise__item {
  display: block;
  padding: 2rem 0;
  text-decoration: none;
  color: inherit;
  flex: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  .expertise__item.expertise__item--border-bottom {
    border-bottom: 0.1rem solid #3A8EBF; }
  @media screen and (min-width: 720px) {
    .expertise__item {
      padding: 4rem 0 0; }
      .expertise__item.expertise__item--border-bottom {
        border-bottom: 0; } }

.expertise__title {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #3A8EBF;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 700;
  margin-bottom: 1rem; }
  .expertise__title:hover {
    text-decoration: underline; }
  @media screen and (min-width: 720px) {
    .expertise__title {
      font-size: 2.4rem;
      line-height: 3rem; } }

.expertise__date {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
  color: #9B9B9B; }

.expertise__load-more {
  display: inline-block;
  margin-top: 1rem; }
  @media screen and (min-width: 720px) {
    .expertise__load-more {
      margin-top: 4rem; } }

/** Header
----------------------------------- */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 70%; }
  @media screen and (max-width: 719.9px) {
    .header [class*='col-'] {
      margin: 0;
      padding: 0 2rem; } }
  @media screen and (min-width: 720px) {
    .header {
      position: absolute;
      background: transparent;
      bottom: auto;
      width: initial; } }

/** Js styling
----------------------------------- */
.header .navigation__list {
  display: none; }
  @media screen and (min-width: 720px) {
    .header .navigation__list {
      display: block; } }

.header.navigation-is-open {
  bottom: 0;
  background: #233036;
  box-shadow: 1rem 0 0 0 rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 720px) {
    .header.navigation-is-open {
      background: none;
      box-shadow: none; } }
  .header.navigation-is-open .navigation__list {
    display: block;
    margin-left: 0; }
  .header.navigation-is-open .navigation__link--button {
    margin-left: 0; }
  .header.navigation-is-open svg:first-child {
    display: none !important; }
  .header.navigation-is-open svg:last-child {
    display: initial !important; }

.contact {
  background: #233036;
  color: #FFFFFF; }
  .contact .container {
    max-width: none; }
  .contact .row {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 720px) {
      .contact .row {
        flex-direction: row; } }
  .contact [class*='col-'] {
    margin: 0; }
    @media screen and (max-width: 719.9px) {
      .contact [class*='col-'] {
        width: 100%; } }

.contact__hq {
  display: block;
  width: 100%; }

.contact__details {
  padding: 4rem 3rem; }
  @media screen and (min-width: 720px) {
    .contact__details {
      padding: 8rem; } }

.contact__title {
  margin-bottom: 3.5rem; }

.contact__item {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  margin-bottom: 2rem; }
  .contact__item[href]:hover span {
    text-decoration: underline; }
  .contact__item [class*='fa-'] {
    min-width: 6rem;
    display: inline-block;
    text-align: left;
    margin-left: -2rem; }
  .contact__item .fa-map-marker-alt {
    vertical-align: top;
    display: inline-block;
    margin-top: 0.25rem; }
  .contact__item address {
    display: inline-block;
    font-style: normal; }
    .contact__item address span {
      display: block; }

.contact__button {
  margin-top: 3rem; }
  @media screen and (min-width: 720px) {
    .contact__button {
      margin-top: 8rem; } }

.contact__image {
  min-height: 30rem; }

.footer {
  padding: 3rem;
  font-size: 1.4rem;
  line-height: 1.8rem; }

.footer__copyright {
  display: block; }
  @media screen and (min-width: 720px) {
    .footer__copyright {
      display: inline-block;
      margin-right: 1rem; } }

.made-by-pau {
  display: block;
  margin-top: 1rem;
  line-height: 2rem;
  color: #9B9B9B; }
  @media screen and (min-width: 720px) {
    .made-by-pau {
      margin-top: 0;
      float: right; } }

.made-by-pau__link {
  color: inherit;
  text-decoration: none; }
  .made-by-pau__link:hover {
    text-decoration: underline; }

.blog__detail {
  margin-top: 4rem; }
  @media screen and (min-width: 720px) {
    .blog__detail {
      margin-top: 8rem; } }
  .blog__detail .rich-text {
    padding-left: 2rem;
    padding-right: 2rem; }
    @media screen and (min-width: 720px) {
      .blog__detail .rich-text {
        padding-left: 1rem;
        padding-right: 1rem; } }