/*variables*/
/*common attributes for all elements*/
*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

/*setting wrapper styles*/
.wrapper {
  /*setting footer styles*/
}

.wrapper .footer {
  transform: translateY(-50px);
  animation: opacities 0.7s forwards;
  background-color: #003B5C;
  color: #FFFFFF;
}

.wrapper .footer .about-us p {
  width: 60%;
}

.wrapper .footer .social-medias a img {
  width: 50px;
  height: auto;
}

.wrapper .footer .social-medias p {
  font-size: 18px;
}

.wrapper .footer .contact-us .call-numbers .call-number-one a img,
.wrapper .footer .contact-us .call-numbers .call-number-two a img {
  width: 35px;
  height: auto;
}

.wrapper .footer .contact-us .call-numbers .call-number-one p,
.wrapper .footer .contact-us .call-numbers .call-number-two p {
  font-size: 18px;
}

/*making index responsive for 1095px or less*/
@media screen and (max-width: 1095px) {
  .wrapper .footer .about-us p {
    width: 90%;
  }
}

/*making index responsive for 364px or less*/
@media screen and (max-width: 364px) {
  .wrapper .footer .contact-us .email span {
    order: 2;
  }

  .wrapper .footer .contact-us .email img {
    order: 1;
  }
}

/*opacity animation*/
@keyframes opacities {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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