article {
  position: relative;
}

article .bg {
  display: block;
  width: 100%;
}

article .box {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 10.41667vw;
}

article .title {
  color: #FC4C02;
  font-size: 5.20833vw;
  font-family: SourceSansPro, Arial, sans-serif;
  margin-bottom: 2.60417vw;
}

article .links {
  display: flex;
  flex-direction: column;
  row-gap: 1.04167vw;
  padding-left: 0.52083vw;
}

article a {
  display: flex;
  align-items: center;
  color: #808080;
  font-family: Arial, sans-serif;
  font-size: 1.04167vw;
}

article .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.66667vw;
  height: 1.66667vw;
  border-radius: 50%;
  background-color: #003594;
  margin-right: 0.52083vw;
}

article .icon:before {
  content: "";
  display: block;
  width: 0.83333vw;
  height: 0.83333vw;
  background-size: cover;
}

article .mail:before {
  background-image: url(../images/contact/email.png);
}

article .instagram:before {
  background-image: url(../images/contact/in.png);
}

article .facebook:before {
  background-image: url(../images/contact/facebook.png);
}