/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('_fonts/source-code-pro-v11-latin-regular.eot');
  src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'),
       url('_fonts/source-code-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/source-code-pro-v11-latin-regular.woff2') format('woff2'), 
       url('_fonts/source-code-pro-v11-latin-regular.woff') format('woff'), 
       url('_fonts/source-code-pro-v11-latin-regular.ttf') format('truetype'), 
       url('_fonts/source-code-pro-v11-latin-regular.svg#SourceCodePro') format('svg'); 
}

/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('_fonts/rubik-v9-latin-300.eot'); 
  src: local('Rubik Light'), local('Rubik-Light'),
       url('_fonts/rubik-v9-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/rubik-v9-latin-300.woff2') format('woff2'),
       url('_fonts/rubik-v9-latin-300.woff') format('woff'), 
       url('_fonts/rubik-v9-latin-300.ttf') format('truetype'), 
       url('_fonts/rubik-v9-latin-300.svg#Rubik') format('svg'); 
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('_fonts/rubik-v9-latin-regular.eot'); 
  src: local('Rubik'), local('Rubik-Regular'),
       url('_fonts/rubik-v9-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/rubik-v9-latin-regular.woff2') format('woff2'), 
       url('_fonts/rubik-v9-latin-regular.woff') format('woff'), 
       url('_fonts/rubik-v9-latin-regular.ttf') format('truetype'), 
       url('_fonts/rubik-v9-latin-regular.svg#Rubik') format('svg'); 
}

/* rubik-300italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url('_fonts/rubik-v9-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Rubik Light Italic'), local('Rubik-LightItalic'),
       url('_fonts/rubik-v9-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_fonts/rubik-v9-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('_fonts/rubik-v9-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('_fonts/rubik-v9-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_fonts/rubik-v9-latin-300italic.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-400italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('_fonts/Rubik-LightItalic.ttf');
}

/* rubik-500 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('_fonts/rubik-v9-latin-500.eot'); 
  src: local('Rubik Medium'), local('Rubik-Medium'),
       url('_fonts/rubik-v9-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/rubik-v9-latin-500.woff2') format('woff2'), 
       url('_fonts/rubik-v9-latin-500.woff') format('woff'), 
       url('_fonts/rubik-v9-latin-500.ttf') format('truetype'), 
       url('_fonts/rubik-v9-latin-500.svg#Rubik') format('svg'); 
}

/* rubik-500italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('_fonts/Rubik-MediumItalic.ttf');
}

/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('_fonts/rubik-v9-latin-700.eot'); 
  src: local('Rubik Bold'), local('Rubik-Bold'),
       url('_fonts/rubik-v9-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/rubik-v9-latin-700.woff2') format('woff2'), 
       url('_fonts/rubik-v9-latin-700.woff') format('woff'), 
       url('_fonts/rubik-v9-latin-700.ttf') format('truetype'), 
       url('_fonts/rubik-v9-latin-700.svg#Rubik') format('svg'); 
}

/* rubik-700italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: url('_fonts/rubik-v9-latin-700italic.eot'); 
  src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'),
       url('_fonts/rubik-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('_fonts/rubik-v9-latin-700italic.woff2') format('woff2'), 
       url('_fonts/rubik-v9-latin-700italic.woff') format('woff'), 
       url('_fonts/rubik-v9-latin-700italic.ttf') format('truetype'), 
       url('_fonts/rubik-v9-latin-700italic.svg#Rubik') format('svg'); 
}

/* Header */

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 74px;
  background-color: white;
  z-index: 1;
  border-bottom: 1px  solid #E5E5E5;
}

.header_content {
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; 
  height: 74px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 20px;
  align-items: center;
}

.logo {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  cursor: pointer; 
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.home_heading {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  color: #080F11;
}

.home_subheading {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 0.7rem;
  color: #40434E;
}

.hide {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  animation: fadeOut ease 0.5s;
  -webkit-animation: fadeOut ease 0.5s;
}

  @keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
  }

  @-moz-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
  }

  @-webkit-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
  }

  @-o-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
  }

  @-ms-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
  }

.show {
  display: inline-block;
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
}

  @keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }


/* Progress bar */

.progress {
  position: fixed;
  left: 0;
  height: 4px;
  background-color: #004a7c;
  z-index: 2;
}

/* Time share bar */

aside {
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
}

.time-share-left {
  display: flex;
  justify-content: space-between;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 0.742rem;
  color: #40434E;
  margin-right: 40px;
}

.dot {
  font-weight: 500;
  font-size: 0.742rem;
  color: #40434E;
  margin-left: 5px;
  margin-right: 5px;
}

.publish-date {
  display: inline-block;
}

.read-time {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  color: #40434E;
}

.sharing_button_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sharing_button {
  border: none;
  background-color: white;
  height: 16px;
  width: 16px;
  cursor: pointer; 
  position: relative;
}

#sharing_link {
  margin-right: 20px;
}

#sharing_twitter {
  margin-right: 20px;
  padding-top: 4px;
}

.svg_twitter {
  fill: #004A7C;
}

.svg_twitter:active  {
  fill: #004A7C;
}

.svg_mail {
  fill: #004A7C;
}

.svg_mail:active  {
  fill: #004A7C;
}

.svg_link {
  position: absolute;
  top: 0;
  left: 0;
  fill: #004A7C;
}

.svg_link:active  {
  fill: #004A7C;
}

button:active {
  outline: none;
}

.sharing_button_link {
  border: none;
  background-color: white;
  height: 16px;
  width: 16px;
  cursor: pointer; 
  position: relative;
  margin-right: 0;
  padding-right: 0;
  margin-top: 4px;
}

#myInput {
  position: absolute; 
  left: -9999px
}

/* Copy link toast message */

#snackbar {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 32px;
  width: 80px;
  background-color: #004A7C;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 0.742rem;
  color: white;
  text-align: center;
  border-radius: 2px;
  padding: .5rem 1rem;
  z-index: 1;
}
  
#snackbar::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 26px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #004A7C;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2s;
  animation: fadein 0.5s, fadeout 0.5s 2s;
  }
  
  @-webkit-keyframes fadein {
  from {opacity: 0;} 
  to {opacity: 1;}
  }
  
  @keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
  from {opacity: 1;} 
  to {opacity: 0;}
  }
  
  @keyframes fadeout {
  from {opacity: 1;}
  to {opacity: 0;}
  }

/* Bottom share bar */

.sharing_bottom_wrapper {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; 
  margin-top: 2rem;

  opacity:0; 
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;

  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sharing_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px  solid #E5E5E5;
  padding-top: 12px;

}

.sharing_bottom_intro {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  color: #40434E;
}

.sharing_bottom_right {
  margin-left: 20px;
  position: relative;
}

#myInput_bottom {
  position: absolute; 
  left: -9999px
}

/* Bottom copy link toast message */

#snackbar_bottom {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 32px;
  width: 80px;
  background-color: #004A7C;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 0.742rem;
  color: white;
  text-align: center;
  border-radius: 2px;
  padding: .5rem 1rem;
  z-index: 1;
}
  
#snackbar_bottom::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 26px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #004A7C;
}

#snackbar_bottom.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2s;
  animation: fadein 0.5s, fadeout 0.5s 2s;
  }
  
  @-webkit-keyframes fadein {
  from {opacity: 0;} 
  to {opacity: 1;}
  }
  
  @keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
  from {opacity: 1;} 
  to {opacity: 0;}
  }
  
  @keyframes fadeout {
  from {opacity: 1;}
  to {opacity: 0;}
  }

/* Article */

article {
  padding-top: 100px;
  width: 75%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; 

  opacity:0; 
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;

  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.article_content {
  width: 70%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* Fonts */

h1 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 3.142rem;
  line-height: 1.25;
  color: #080F11;
  margin-bottom: 2rem;
}

h2 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 1.942rem;
  line-height: 1.25;
  color: #080F11;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

h3 {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #080F11;
  margin-bottom: 0;
  margin-top: 0;
}

.introduction {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #40434E;
  margin-bottom: 1.5rem;
  margin-top: 0;
}

p {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #40434E;
  margin-bottom: 2rem;
  margin-top: 0;
}

.bold_black {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #080F11;
}

.copy_with_list {
  margin-bottom: 1rem;
}

ul {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #40434E;
  margin-bottom: 1rem;
  margin-top: 0;
}

ol {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #40434E;
  margin-bottom: 1rem;
  margin-top: 0;
}

.emoji_list {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2;
  color: #40434E;
  margin-bottom: 1rem;
  margin-top: 0;
}

.small_box {
  border-left: 6px solid #227C9D;  
  background-color: #E8F1F5;
  padding: 1.5rem 2rem 1.5rem 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.small_box_copy {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.small_box_list {
  margin-bottom: 0;
  padding-bottom: 0;
}

.grey_box {
  border: 1px solid #227C9D;
  border-radius: 5px;
  background-color: #E8F1F5;
  padding: 1.5rem 2rem 1.5rem 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.image_description {
  display: block;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 0.742rem;
  color: #080F11;
}

.inline_code {
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
  color: #A63446;
  background-color: #E8F1F5;
}

/* Links */

a {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #004a7c;
}

.icon_arrow {
  position: relative;
  padding-left: 8px;
  transition: padding 0.3s linear;
}

.svg_arrow {
  position: absolute;
  top: 5px;
  fill: #004a7c;
}

.read_now_link {
  font-size: 1.2rem;
  color: #004a7c;
}

.read_now_link:focus {
 outline: none;
}

.image_link:focus {
  outline: none;
}

.list-link {
  margin-bottom: 1rem;
}

/* Images */

img {
  width: 100%;
}

.header_image {
  margin-bottom: 2rem;
}

.header_image_with_description {
  margin-bottom: 0;
}

.article_picture_wrapper {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.article_picture_full_wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Related content */

.related_content {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9%;
  margin-bottom: 6%;
}

.related_article_wrapper {
  width: 70%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
  column-gap: 2rem;
  row-gap: 4rem;

  opacity:0; 
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;

  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* Footer */

footer {
  height: 100px;
  width: 100%;
}

.footer_wrapper {
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  height: 100px;
  border-top: 1px  solid #E5E5E5;
}

.footer_copy {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 0.742rem;
  line-height: 1.5;
  color: #080F11;
  text-align: left;
  margin-left: 20px;
}

.footer_link {
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  color: #080F11;
  text-decoration: none;
}

.footer_follow {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.follow-button_instagram {
  background: transparent;
  border: none;
  cursor: pointer; 
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.follow-button_threads {
  background: transparent;
  border: none;
  cursor: pointer; 
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.follow-button_linkedin {
  background: transparent;
  border: none;
  cursor: pointer; 
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg_linkedin-follow {
  fill: #080F11;
}

.svg_instagram-follow {
  fill: #080F11;
  margin-top: 2px;
}

.svg_threads-follow {
  fill: #080F11;
  margin-top: 2px;
}

/* Home */

.articles {
  padding-top: 10rem;
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; 
  margin-bottom: 8%;
}

.articles_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
  column-gap: 4rem;
  row-gap: 6rem;
  max-width: 2000px;

  opacity:0; 
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;

  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* Featured article */

.featured_article {
  grid-column-start: 1; 
  grid-column-end: span 3; 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
  column-gap: 4rem;
  row-gap: 0;
}

.preview_image_wrapper {
  grid-column-start: 1; 
  grid-column-end: span 2; 
  position: relative;
}

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

.preview_image_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #004A7C;
}

.preview_image_wrapper:hover .preview_image_overlay {
  opacity: .5;
  cursor: pointer;
}

.preview_image_wrapper:hover .icon_tube {
  opacity: 1;
  cursor: pointer;
}

.icon_tube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .5s ease;
}

.headline_link {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  padding-top: 0;
  display: block;
}

.featured_article_headline {
  font-family: 'Rubik', sans-serif;
  font-size: 1.942rem;
  font-weight: 400;
  line-height: 1.25;
  color: #080F11;
  margin-top: 0;
  display: block;
}

.featured_article_intro {
  color: #080F11;
  margin-bottom: 1rem;
}

  /* Latest articles */

.preview_image_latest_wrapper {
  position: relative;
}

.preview_image_small{
  display: block;
}

.preview_image_latest_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #004A7C;
}

.preview_image_latest_wrapper:hover .preview_image_latest_overlay {
  opacity: .5;
  cursor: pointer;
}

.preview_image_latest_wrapper:hover .icon_tube {
  opacity: 1;
  cursor: pointer;
}

.latest_article_headline {
  margin-top: 5px;
  font-weight: 400;
}

.date_line {
  font-size: 0.742rem;
  font-weight: 400;
  color: #40434E;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

/* Media queries */

@media (hover: hover) {
  .svg_link:hover {
    fill: #227C9D;
    transition-duration: 0.2s;
  }

  .svg_twitter:hover  {
    fill: #227C9D;
    transition-duration: 0.2s;
  }

  .svg_mail:hover {
    fill: #227C9D;
    transition-duration: 0.2s;
  }

  a:hover {
    text-decoration: none;
    color: #227C9D;
  }
  
  a:hover .icon_arrow {
    padding-left: 18px;
  }

  .featured_article_headline:hover {
    text-decoration: none;
    color: #004a7c;
  }

  .read_now_link:hover {
    color: #004a7c;
  }

  .footer_link:hover {
    color: #080F11;
  }
}

@media screen and (max-width: 1280px) {

   /* Articles */

   article {
    width: 80%;
  }
  
  .article_content {
    width: 80%;
  }

  .related_content {
    width: 80%;
  }

  .related_article_wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
    column-gap: 2rem;
    row-gap: 4rem;
  }

  .sharing_bottom_wrapper {
    width: 80%;
  }
  
  .sharing_bottom {
    width: 80%;
  }

  /* Home */

  .header_content {
    width: 80%;
  }

  .articles {
    width: 80%;
  }

  .featured_article {
    grid-column-end: span 1; 
  }

  .preview_image_wrapper {
    grid-column-end: span 1; 
  }

  .featured_article_copy {
    grid-column-start: 1;
  }

  .featured_article_intro {
    display: none;
  }

}

@media screen and (max-width: 1024px) {

  /* Articles */

  article {
    width: 100%;
  }
  
  .article_content {
    width: 80%;
  }

  .sharing_bottom_wrapper {
    width: 100%;
  }
  
  .sharing_bottom {
    width: 80%;
  }

  .related_content {
    width: 100%;
  }

  .related_article_wrapper {
    width: 80%;
  }

  /* Home */

  .header_content {
    width: 85%;
  }

  .articles {
    width: 85%;
  }

  .articles_grid {
    column-gap: 3rem;
    row-gap: 5rem;
  }

}

@media screen and (max-width: 768px) {

  /* Articles */

  article {
    width: 100%;
  }
    
  .article_content {
    width: 85%;
  }

  h1 {
    font-size: 2.618rem;
  }

.introduction {
    font-size: 1rem;
  }

  h2 {
    font-size: 1.618rem;
    margin-top: 2rem;
    padding-top: 0;
  }

  h3 {
      font-size: 1rem;
  }

  p {
    font-size: 1rem;
  }

  blockquote {
    font-size: 1.294rem;
  }

  ul {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-left: 20px;
  }

  ol {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-left: 20px;
  }

  .emoji_list {
    font-size: 1rem;
    margin-bottom: 0;
  }

  .bold_black {
    font-size: 1rem;
  }

  .sharing_bottom_wrapper {
    width: 100%;
  }
  
  .sharing_bottom {
    width: 85%;
  }

  .related_article_wrapper {
    width: 85%;
  }

  /* Home */

  .articles {
    max-width: 85%;
  }

  .articles_grid {
    column-gap: 2rem;
    row-gap: 3rem;
  }

@media screen and (max-width: 480px) {

 /* Header */
  
 .home_heading {
  font-size: 1.4rem;
}

.home_subheading {
  font-size: 0.6rem;
}

  /* Articles */

  .header_headline {
   display: none;
  }

  aside {
    margin-bottom: 3rem;
  }
  
  h1 {
    font-size: 1.618rem;
  }

  .header_image {
    margin-bottom: 1rem;
  }

  .large_box {
    margin-top: 2rem;
  }

  .grey_box {
    padding: 0.75rem 1rem;
  }

  article {
    width: 100%;
    padding-top: 6rem;
  }

  .article_content {
    width: 85%;
  }

  .sharing_bottom_wrapper {
    width: 100%;
  }
  
  .sharing_bottom {
    width: 85%;
  }

  .related_article_image_wrapper {
    width: 100%;
  }
  
  .related_article_copy_wrapper {
    width: 100%;
  }

  .related_article_wrapper {
    width: 100%;
    margin-top: 30%;
    margin-bottom: 20%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
    column-gap: 4rem;
  }

  .related_content {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  footer {
    height: auto;
  }

  .footer_copy {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .footer_follow {
    margin: 0 auto;
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
  }

  .follow-button_instagram {
    margin-top: 2px;
  }

  .svg_instagram-follow {
    margin-right: 0;
  }

  /* Home */

  .articles {
    max-width: 85%;
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .articles_grid {
    row-gap: 4rem;
  }

  .date_line {
    margin-top: 1rem;
  }
}