@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: normal;
  src: local("Poppins"), url("./Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: local("Poppins"), url("./Poppins/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: local("Poppins"), url("./Poppins/Poppins-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: bold;
  src: local("Poppins"), url("./Poppins/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: local("Poppins"), url("./Poppins/Poppins-Italic.ttf") format("truetype");
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 75em) {
  html {
    font-size: 50%;
  }
}
@media only screen and (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  overflow-x: hidden;
}

main {
  overflow-x: hidden;
}

.sub-header {
  font-size: 4rem;
  color: #000;
  line-height: 1.3;
}
.sub-header--blue {
  color: #00529c;
}
@media only screen and (max-width: 37.5em) {
  .sub-header {
    font-size: 3rem;
  }
}

.line {
  border-top: 3px solid #00529c;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 37.5em) {
  .line {
    width: 70%;
  }
}

.iso-logo {
  height: 15rem;
  width: auto;
}
@media only screen and (max-width: 56.25em) {
  .iso-logo {
    height: 12rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .iso-logo {
    height: 10rem;
  }
}

.TFManim {
  opacity: 0;
}

@keyframes slideup {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes fromleft {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.fadein7 {
  animation: fadein2 2s;
  animation-fill-mode: forwards;
}

.carousel-fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: carouselFade;
  animation-duration: 1.5s;
}

@keyframes carouselFade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.header {
  height: 10rem;
  background: #fff;
  padding: 1.5rem 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 5px #00529c;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
}
@media only screen and (max-width: 56.25em) {
  .header {
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .header {
    padding: 1rem 3rem;
  }
}
.header__logo {
  margin-right: 2rem;
}
.header__logo img {
  height: 6rem;
  width: auto;
}
@media only screen and (max-width: 37.5em) {
  .header__logo img {
    height: 5rem;
  }
}

.burger-btn {
  background-color: #00529c;
  color: #00529c;
  display: none;
  height: 6rem;
  width: 6rem;
  border: none;
  border-radius: 100%;
}
@media only screen and (max-width: 37.5em) {
  .burger-btn {
    display: block;
  }
}

.burger-icon {
  border-radius: 100%;
  position: relative;
  display: inline-block;
  height: 2px;
  width: 3.5rem;
  background: #fff;
  top: -0.4rem;
  left: 0;
  transition: all 0.3s;
}
.burger-icon::before, .burger-icon::after {
  width: 3.5rem;
  height: 2px;
  background-color: #fff;
  display: inline-block;
}
.burger-icon::before, .burger-icon::after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.burger-icon::before {
  top: -0.8rem;
}
.burger-icon::after {
  top: 0.8rem;
}
.burger-icon--pressed {
  background-color: transparent;
}
.burger-icon--pressed::before {
  top: 0;
  transform: rotate(135deg);
}
.burger-icon--pressed::after {
  top: 0;
  transform: rotate(-135deg);
}

.nav-bar {
  display: flex;
  align-items: center;
  column-gap: 2rem;
}
.nav-bar__link, .nav-bar__link:link, .nav-bar__link:visited, .nav-bar__link--burger, .nav-bar__link--burger:link, .nav-bar__link--burger:visited {
  text-decoration: none;
  font-size: 2rem;
  color: #000;
}
.nav-bar__link:hover, .nav-bar__link:link:hover, .nav-bar__link:visited:hover, .nav-bar__link--burger:hover, .nav-bar__link--burger:link:hover, .nav-bar__link--burger:visited:hover {
  cursor: pointer;
}
@media only screen and (max-width: 37.5em) {
  .nav-bar__link, .nav-bar__link:link, .nav-bar__link:visited {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
.nav-bar__icon {
  height: 3.5rem;
  width: 3.5rem;
  fill: #00529c;
}
.nav-bar__burger {
  position: relative;
}
.nav-bar__burger-menu {
  position: absolute;
  top: 100%;
  right: 0;
  width: 25rem;
  padding: 2rem;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  box-shadow: 0 0 3px #00529c;
  transition: all 0.3s;
}
.nav-bar__burger-menu--active {
  opacity: 1;
  visibility: visible;
  display: flex;
}

.slider-container {
  position: relative;
}

.slide {
  position: relative;
  text-align: center;
}
.slide__img {
  height: 80vh;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide__img--1 {
  background-image: url("../assets/Slide1.jpg");
}
.slide__img--2 {
  background-image: url("../assets/Slide2.jpg");
}
.slide__img--3 {
  background-image: url("../assets/Slide3.jpg");
}
.slide__img--1 {
  background-position: 50% 0;
}
@media only screen and (max-width: 56.25em) {
  .slide__img--1 {
    background-position: 65% 0;
  }
}
.slide__img--2 {
  background-position: 50% 0%;
}
@media only screen and (max-width: 56.25em) {
  .slide__img--2 {
    background-position: 80% 0;
  }
}
.slide__img--3 {
  background-position: 50% 0%;
}
.slide__dot-box {
  text-align: center;
  margin-top: 1rem;
}
.slide__dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #a0a0a0;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.slide__control {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.slide__control--next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.slide__text {
  color: #f2f2f2;
  font-size: 4rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 25ch;
  text-align: center;
  font-weight: 500;
}
.slide__text--sp {
  font-weight: 400;
}
@media only screen and (max-width: 37.5em) {
  .slide__text {
    font-size: 3rem;
    line-height: 1.3;
  }
}
.slide__active, .slide__dot:hover {
  background-color: #00529c;
}
.slide__btn {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
}
.slide__icon {
  height: 3rem;
  width: auto;
  vertical-align: sub;
}

.btn,
.btn:link,
.btn:visited {
  display: inline-block;
  text-decoration: none;
  background: #00529c;
  font-size: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50px 50px 50px 0;
  border: 1px solid #00529c;
  padding: 1.5rem 2rem;
  min-width: 28rem;
}
@media only screen and (max-width: 56.25em) {
  .btn,
.btn:link,
.btn:visited {
    font-size: 2rem;
    line-height: 1.3;
  }
}

div[id$=anchor] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -10rem;
}
@media only screen and (max-width: 37.5em) {
  div[id$=anchor] {
    top: -12rem;
  }
}

.contact__form, .about__credit {
  position: relative;
}

.home:target::before {
  content: "";
  display: block;
  height: 10rem;
  /* fixed header height*/
  margin: -10rem 0 0;
  /* negative fixed header height */
}
.home__img-box {
  margin: 2rem 0;
  background-color: #fff;
  text-align: center;
}
.home__img {
  height: 15rem;
  width: auto;
}

.communication__iso-box {
  margin: 2rem 0;
  background-color: #fff;
  text-align: center;
}
.communication__info {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../assets/Back-sec2.jpg");
  background-size: cover;
  background-position: 50% 10%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 90%);
  padding: 16rem 0;
}
@media only screen and (max-width: 56.25em) {
  .communication__info {
    flex-direction: column;
    padding: 12rem 2rem;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 92%);
  }
}
@media only screen and (max-width: 37.5em) {
  .communication__info {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 95%);
  }
}
.communication__info > * {
  flex: 0 0 40%;
}
.communication__img-box {
  text-align: center;
}
.communication__img {
  height: 30rem;
  width: auto;
}
@media only screen and (max-width: 37.5em) {
  .communication__img {
    height: 25rem;
  }
}
.communication__p {
  font-size: 2rem;
  color: #000;
  max-width: 42ch;
}

.services {
  offset-anchor: 0px 164px;
}
.services:target::before {
  content: "";
  display: block;
  height: 10rem;
  /* fixed header height*/
  margin: -10rem 0 0;
  /* negative fixed header height */
}
.services__header-box {
  padding: 4rem 0;
}
.services__header {
  padding: 15rem 0;
  clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 80%);
  color: #fff;
  font-size: 4rem;
  text-align: center;
  background-image: url("../assets/back-title-sec3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 37.5em) {
  .services__header {
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 90%);
  }
}
.services__list {
  padding: 12rem 0 4rem 0;
  background-image: url("../assets/Back-services.jpg");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  clip-path: polygon(0 0, 100% 3%, 100% 96%, 50% 100%, 0 96%);
  color: #fff;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 75em) {
  .services__list {
    padding: 8rem 0 4rem 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .services__list {
    padding: 4rem 0;
    clip-path: polygon(0 0, 100% 0.8%, 100% 99%, 50% 100%, 0 99%);
  }
}
.services__item {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: max-content;
  grid-template-areas: "number title title img img img img list list list";
  align-items: center;
  justify-items: center;
  margin: 4rem auto;
  width: 90%;
}
@media only screen and (max-width: 37.5em) {
  .services__item {
    width: 70%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, max-content);
    grid-template-areas: "number title" "img img" "list list";
  }
}
.services__item-number {
  font-size: 10rem;
  font-weight: bold;
  grid-area: number;
}
@media only screen and (max-width: 75em) {
  .services__item-number {
    font-size: 8rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .services__item-number {
    justify-self: end;
    margin-right: 4rem;
  }
}
.services__item-title {
  font-size: 3.5rem;
  max-width: 10ch;
  line-height: 1.3;
  grid-area: title;
}
@media only screen and (max-width: 75em) {
  .services__item-title {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .services__item-title {
    justify-self: center;
  }
}
.services__item-img {
  border: 20px solid #fff;
  border-radius: 50%;
  height: 30rem;
  width: auto;
  grid-area: img;
}
@media only screen and (max-width: 75em) {
  .services__item-img {
    border: 15px solid #fff;
    height: 25rem;
  }
}
.services__item-list {
  font-size: 2rem;
  list-style: disc;
  grid-area: list;
  justify-self: start;
}
@media only screen and (max-width: 37.5em) {
  .services__item-list {
    margin-left: 2rem;
    justify-self: center;
  }
}
.services__triangle-box {
  filter: drop-shadow(0 0 30px #000000);
  grid-area: img;
}
.services__triangle {
  width: 10rem;
  height: 5rem;
  box-shadow: 0 0 10px #b2b2b2;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #fff;
}
.services__news {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
  margin-top: 2rem;
  padding: 0 4rem;
}
.services__news-img {
  height: 30rem;
  width: auto;
}
.services__btn-box {
  text-align: center;
  margin: 6rem auto;
}
.services__btn, .services__btn:link, .services__btn:visited {
  background: #fff;
  padding: 1rem 4rem;
  font-size: 3rem;
  font-weight: bold;
  color: #00529c;
  text-decoration: none;
  border-radius: 100px;
  transition: all 0.3s;
}
.services__btn:hover, .services__btn:link:hover, .services__btn:visited:hover {
  box-shadow: 0 0 10px #fff;
  text-shadow: 0 0 1px #00529c;
}

.about:target::before {
  content: "";
  display: block;
  height: 10rem;
  /* fixed header height*/
  margin: -10rem 0 0;
  /* negative fixed header height */
}
.about__header {
  padding: 10rem 0;
  font-size: 6rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background-image: url("../assets/back-title-sec4.jpg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 37.5em) {
  .about__header {
    font-size: 4rem;
  }
}
.about__iso-box {
  text-align: center;
  background: #fff;
  margin: 2rem 0;
}
.about__iso-img {
  height: 15rem;
  width: auto;
}
.about__paragraph {
  font-size: 2.4rem;
  max-width: 60ch;
  text-align: center;
  margin: 0 auto;
  padding: 0 4rem;
}
.about__paragraph--blue {
  color: #00529c;
}
.about__sub-header {
  text-align: center;
  margin: 4rem 0;
}
.about__clients {
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../assets/Back-clientes.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, max-content);
  grid-template-areas: "space1 a1 a2 a2 a3 space2" "space3 a4 a4 a5 a5 space4";
  align-items: center;
  justify-items: center;
}
@media only screen and (max-width: 37.5em) {
  .about__clients {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, max-content);
    grid-template-areas: "a1 a2" "a3 a4" "a5 a5";
    row-gap: 2rem;
    padding: 2rem;
  }
}
.about__partner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, max-content);
  grid-template-areas: "a6 a6 a6 a7 a7 a8 a8 a8" "space1 space1 a9 a9 a10 a10 space2 space2" "space3 a11 a11 a11 a12 a12 a12 space4";
  align-items: center;
  justify-items: center;
  column-gap: 4rem;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 37.5em) {
  .about__partner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, max-content);
    grid-template-areas: "a6 a7" "a8 a9" "a10 a11" "a12 a12";
    column-gap: 2rem;
    row-gap: 2rem;
    padding: 2rem;
    width: 100%;
  }
}
.about__img {
  height: 20rem;
  width: auto;
}
.about__img--a1 {
  grid-area: a1;
}
.about__img--a2 {
  grid-area: a2;
}
.about__img--a3 {
  grid-area: a3;
}
.about__img--a4 {
  grid-area: a4;
}
.about__img--a5 {
  grid-area: a5;
}
.about__img--a6 {
  grid-area: a6;
}
.about__img--a7 {
  grid-area: a7;
}
.about__img--a8 {
  grid-area: a8;
}
.about__img--a9 {
  grid-area: a9;
}
.about__img--a10 {
  grid-area: a10;
}
.about__img--a11 {
  grid-area: a11;
}
.about__img--a12 {
  grid-area: a12;
}
@media only screen and (max-width: 56.25em) {
  .about__img {
    height: 15rem;
  }
}

.director {
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, max-content);
  grid-template-areas: "photo header space1" "photo description description" "caption space2 space2";
  justify-items: center;
  align-items: center;
  column-gap: 4rem;
}
@media only screen and (max-width: 37.5em) {
  .director {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, max-content);
    grid-template-areas: "header header" "photo caption" "description description";
    justify-items: center;
    row-gap: 2rem;
  }
}
.director__photo {
  height: 50rem;
  width: auto;
  grid-area: photo;
  justify-self: start;
}
@media only screen and (max-width: 75em) {
  .director__photo {
    height: 40rem;
    width: auto;
  }
}
@media only screen and (max-width: 37.5em) {
  .director__photo {
    height: 25rem;
    width: auto;
    justify-self: center;
  }
}
.director__header {
  grid-area: header;
  align-self: end;
}
.director__caption {
  grid-area: caption;
  justify-self: start;
}
.director__list {
  grid-area: description;
  align-self: start;
  margin: 2rem 0 0 2rem;
}
.director__list-item {
  color: #000;
  font-size: 2rem;
  padding-left: 1rem;
}
.director__list-item::before {
  content: "▶";
  color: #00529c;
}
@supports selector(::marker) {
  .director__list-item::marker {
    content: "▶";
    color: #00529c;
  }
  .director__list-item::before {
    content: "";
  }
}
.director__blue-text {
  color: #00529c;
}

.contact:target::before {
  content: "";
  display: block;
  height: 10rem;
  /* fixed header height*/
  margin: -10rem 0 0;
  /* negative fixed header height */
}
.contact__header {
  margin-top: 4rem;
  text-align: center;
}

.form {
  margin: 4rem auto;
  width: 50%;
}
@media only screen and (max-width: 56.25em) {
  .form {
    width: 80%;
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .form {
    width: 90%;
  }
}
.form__control {
  margin: 4rem 0;
  transition: all 0.3s;
}
.form__input {
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 2rem;
  color: #00529c;
  transition: all 0.5s;
  border-bottom: 2px solid #00529c;
}
.form__input:focus {
  outline: none;
  border-bottom: 2px solid #00529c;
}
.form__input:focus:invalid {
  border-bottom: 2px solid #a30000;
  box-shadow: 0 2px 0 #a30000;
}
.form__input::placeholder {
  color: #00529c;
}
.form__input:hover {
  box-shadow: 0 2px 0 #00529c;
}
.form__button {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: none;
  padding: 1rem 3rem;
  background-color: #00529c;
  width: 40%;
  cursor: pointer;
  transition: all 0.3s;
}
.form__button:hover {
  box-shadow: 0 0 10px #00529c;
  text-shadow: 0 0 1px #fff;
}

.footer {
  font-size: 1.6rem;
  color: #fff;
  background-image: url("../assets/Back-footer.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: 80px repeat(2, max-content) 80px max-content;
  grid-template-areas: "space1  space1  space1  space1  space1  space1  space1  space1  space1  space1" "space2  logo    logo    space3  space3  nav     nav     contact contact contact" "space5  address address space6  space6  nav     nav     contact contact contact" "space8  space8  space8  space8  space8  space8  space8  space8  space8  space8" "credits credits credits credits credits credits credits credits credits credits";
  row-gap: 2rem;
  align-items: start;
  justify-items: center;
}
@media only screen and (max-width: 75em) {
  .footer {
    padding-top: 4rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, max-content);
    grid-template-areas: "logo nav" "address contact" "credits credits";
    column-gap: 2rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, max-content);
    grid-template-areas: "logo" "address" "nav" "contact" "credits";
    justify-items: start;
    column-gap: 2rem;
  }
}
.footer__logo {
  height: 10rem;
  width: auto;
  grid-area: logo;
}
@media only screen and (max-width: 56.25em) {
  .footer__logo {
    height: 8rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__logo {
    margin-left: 6rem;
  }
}
.footer__address {
  grid-area: address;
  text-align: center;
}
@media only screen and (max-width: 37.5em) {
  .footer__address {
    margin-left: 6rem;
    text-align: left;
  }
}
.footer__panel--nav {
  grid-area: nav;
}
@media only screen and (max-width: 75em) {
  .footer__panel--nav {
    justify-self: start;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__panel--nav {
    margin-left: 6rem;
  }
}
.footer__panel--contact {
  grid-area: contact;
}
@media only screen and (max-width: 75em) {
  .footer__panel--contact {
    justify-self: start;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__panel--contact {
    margin-left: 6rem;
  }
}
.footer__panel-header {
  font-weight: bold;
}
.footer__panel-list li::before {
  content: ">";
  color: #fff;
}
@supports selector(::marker) {
  .footer__panel-list li::marker {
    content: ">";
    color: #fff;
  }
  .footer__panel-list li::before {
    content: "";
  }
}
.footer__panel-link, .footer__panel-link:link, .footer__panel-link:visited {
  text-decoration: none;
  color: #fff;
}
.footer__credits {
  font-size: 1.4rem;
  grid-area: credits;
  background-color: #00529c;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 56.25em) {
  .footer__credits {
    row-gap: 1rem;
  }
}
.footer__rights {
  flex: 0 0 50%;
}
.footer__link, .footer__icon {
  margin-left: auto;
  height: 4rem;
  width: 4rem;
  fill: #fff;
}
.footer__design, .footer__design:link, .footer__design:visited {
  text-decoration: none;
  color: #fff;
  text-align: center;
  flex: 0 0 100%;
}

/*# sourceMappingURL=style.css.map */