.navbar-nav {
  list-style: none;
  align-items: baseline; }
  @media only screen and (max-width: 1440px) {
    .navbar-nav li {
      white-space: nowrap; } }
  .navbar-nav li::before {
    display: none; }
  .navbar-nav .nav-link i {
    margin-right: 0.5rem; }

.navbar-brand img {
  width: 30rem; }
  @media only screen and (max-width: 1300px) {
    .navbar-brand img {
      width: 25rem; } }
  @media only screen and (max-width: 1200px) {
    .navbar-brand img {
      width: 20rem; } }
  @media only screen and (max-width: 1050px) {
    .navbar-brand img {
      width: 18rem; } }
  @media only screen and (max-width: 992px) {
    .navbar-brand img {
      width: 25rem; } }

.navbar-toggler {
  border: 2px solid #ffffff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center; }

.dropdown-menu {
  background-color: #d32f2f; }

html,
body {
  font-size: 62.5%;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  text-align: justify; }

ul {
  list-style: none; }
  ul li::before {
    content: "\2022";
    color: #d32f2f;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    width: 1.5rem;
    margin-left: -1rem; }

html {
  scroll-behavior: smooth; }

.button {
  background-color: #d32f2f;
  color: #ffffff;
  border: none;
  outline: 2px solid #ffffff;
  outline-offset: 4px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 4px 4px;
  padding: 1rem 3rem;
  transition: all 0.5s; }
  .button--red-border {
    outline: 2px solid #d32f2f; }
  .button:hover {
    background-color: #ffffff;
    outline: #d32f2f 2px solid;
    color: #d32f2f; }
  .button i {
    margin-right: 1rem; }

.card {
  border: none;
  font-size: 1.6rem;
  align-items: center;
  text-align: center;
  width: 40rem;
  padding: 5rem;
  -webkit-box-shadow: -1px 6px 23px -1px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 6px 23px -1px rgba(0, 0, 0, 0.5); }
  .card--red {
    background-color: #d32f2f;
    color: white; }
    .card--red .card__logo {
      background-color: #c72929; }
  .card--img {
    padding: 0; }
  .card__container {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 992px) {
      .card__container {
        flex-direction: column; } }
    @media only screen and (max-width: 992px) {
      .card__container {
        align-items: center; } }
    .card__container--center {
      justify-content: space-evenly; }
  .card__img-container {
    width: 100%;
    height: 30vh; }
    .card__img-container img {
      width: 100%;
      height: 30vh; }
  .card__logo {
    background-color: #f1f2f3;
    border-radius: 50%;
    width: 8rem;
    position: relative;
    text-align: center; }
    .card__logo img {
      padding: 2rem;
      width: 7.5rem;
      position: relative; }
    .card__logo--black {
      background-color: #1d1d24; }
    .card__logo--bar img {
      padding: 1rem; }
    .card__logo--font {
      padding: 1.5rem; }
      .card__logo--font span {
        font-size: 3rem;
        font-family: "Rosario", sans-serif;
        font-weight: 700;
        color: #d32f2f; }
    .card__logo--speech img {
      width: 10rem;
      margin-left: -9px; }
  .card__title {
    font-weight: 700;
    margin: 1rem 0; }
    .card__title--news {
      padding: 1.25rem; }

.modal__header {
  background-color: #d32f2f;
  color: #ffffff;
  align-items: center; }
  .modal__header .close {
    color: #ffffff;
    font-size: 2rem; }
  .modal__header .modal-title {
    font: "Rosario", sans-serif;
    font-size: 1.8rem;
    font-weight: 700; }

.modal__content {
  font-size: 1.6rem;
  text-align: center;
  padding: 2rem; }

.nav {
  background-color: transparent;
  padding: 1.25rem 10%;
  justify-content: space-between;
  position: absolute;
  z-index: 1000;
  width: 100%;
  transition: top 0.5s; }
  .nav a {
    color: #ffffff;
    font-size: 1.4rem;
    transition: all 0.3s; }
    .nav a:hover {
      color: #27272d; }
  .nav--red {
    background-color: #d32f2f; }
  .nav--home {
    position: fixed;
    top: 0 !important; }
  .nav .nav-item:not(:last-child) {
    margin-right: 2rem; }
    @media only screen and (max-width: 1400px) {
      .nav .nav-item:not(:last-child) {
        margin-right: 1rem; } }
    @media only screen and (max-width: 1200px) {
      .nav .nav-item:not(:last-child) {
        margin-right: 0.5rem; } }
  .nav #navbarNav {
    justify-content: flex-end; }

.home__nav .nav {
  top: -11rem; }

.nav-cta {
  background: #d32f2f;
  outline: #d32f2f solid 1px;
  outline-offset: 3px;
  transition: all 0.3s;
  padding: 0.5rem 1.5rem;
  transition: all 0.3s; }
  .nav-cta:hover {
    background-color: transparent; }
  .nav-cta--white {
    background-color: #ffffff;
    padding: 0.5rem 2rem;
    font-weight: 700;
    outline: white solid 1px;
    outline-offset: 3px;
    transition: all 0.3s; }
    @media only screen and (max-width: 1200px) {
      .nav-cta--white {
        padding: 0.2rem 0.75rem; } }
    @media only screen and (max-width: 992px) {
      .nav-cta--white {
        width: 100%;
        outline: none; } }
    .nav-cta--white:hover {
      background-color: #d32f2f;
      color: #ffffff;
      cursor: pointer; }
    .nav-cta--white:hover a {
      color: #ffffff; }
    .nav-cta--white a {
      color: #d32f2f; }

.hero {
  display: flex;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  background: url("../img/bg__hero.png");
  height: 70vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  @media only screen and (max-width: 992px) {
    .hero {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      clip-path: unset;
      margin-top: 6rem;
      height: unset;
      overflow: hidden; } }
  .hero::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #27272d;
    opacity: 0.8; }
  .hero__red-bg {
    background-color: #d32f2f;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 900; }
  .hero__img-container {
    height: 100%;
    width: 45%;
    position: relative;
    background-color: #d32f2f;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 2.5rem;
    margin-bottom: -30rem; }
    @media only screen and (max-width: 1330px) {
      .hero__img-container {
        width: 30%; } }
    @media only screen and (max-width: 992px) {
      .hero__img-container {
        background-color: unset;
        width: 100%; } }
    @media only screen and (max-width: 1330px) {
      .hero__img-container a {
        text-align: center; } }
    @media only screen and (max-width: 992px) {
      .hero__img-container a {
        display: none; } }
    .hero__img-container img {
      margin-bottom: 2rem;
      width: 95%; }
  .hero__content-container {
    z-index: 900;
    position: relative;
    color: #ffffff;
    padding: 5rem 5%;
    width: 65%; }
    @media only screen and (max-width: 1200px) {
      .hero__content-container {
        width: 85%; } }
    @media only screen and (max-width: 1200px) {
      .hero__content-container {
        padding: 5rem 3%; } }
    .hero__content-container nav .navbar-nav {
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 992px) {
        .hero__content-container nav .navbar-nav {
          display: none; } }
      .hero__content-container nav .navbar-nav li:not(:last-child) {
        margin-right: 2rem; }
        @media only screen and (max-width: 1200px) {
          .hero__content-container nav .navbar-nav li:not(:last-child) {
            margin-right: 1.5rem; } }
      .hero__content-container nav .navbar-nav li a {
        color: #ffffff;
        font-size: 1.6rem;
        transition: all 0.3s; }
        .hero__content-container nav .navbar-nav li a:hover {
          color: #d32f2f; }
        @media only screen and (max-width: 1050px) {
          .hero__content-container nav .navbar-nav li a {
            font-size: 1.5rem; } }
  .hero__text-container {
    margin-top: 8%;
    font-size: 1.6rem;
    width: 70%; }
    @media only screen and (max-width: 1440px) {
      .hero__text-container {
        width: 100%; } }
    .hero__text-container h1 {
      font-size: 3.5rem;
      font-weight: 700;
      font-family: "Rosario", sans-serif; }
    @media only screen and (max-width: 992px) {
      .hero__text-container p {
        display: none; } }
    .hero__text-container h1,
    .hero__text-container p,
    .hero__text-container button {
      margin-bottom: 2rem; }

.footer {
  background-image: url("../img/bg__footer.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 5rem 10%;
  color: #a9a9ab;
  font-size: 1.6rem; }
  @media only screen and (max-width: 1350px) {
    .footer {
      font-size: 1.45rem; } }
  .footer::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #27272d;
    opacity: 0.95; }
  .footer a {
    color: #a9a9ab;
    transition: 0.3s all;
    text-decoration: none; }
    .footer a:hover {
      color: #d32f2f;
      text-decoration: none; }
  .footer hr {
    color: #a9a9ab;
    z-index: 99;
    position: relative; }
  .footer__content-container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 1200px) {
      .footer__content-container {
        flex-direction: column; } }
    @media only screen and (max-width: 1200px) {
      .footer__content-container {
        align-items: center; } }
  .footer__heading {
    font-family: "Rosario", sans-serif;
    color: #d32f2f;
    font-size: 2.5rem;
    font-weight: 700; }
  .footer__sub-section {
    display: flex;
    width: 40%;
    justify-content: space-between; }
    @media only screen and (max-width: 1500px) {
      .footer__sub-section {
        width: 45%; } }
    @media only screen and (max-width: 1200px) {
      .footer__sub-section {
        flex-direction: column; } }
    @media only screen and (max-width: 1200px) {
      .footer__sub-section {
        align-items: center;
        width: 100%; } }
  .footer__sub-first {
    display: flex;
    justify-content: space-between; }
  .footer__sub-second {
    color: #a9a9ab;
    z-index: 99;
    position: relative;
    text-align: center; }
  .footer__social-container img {
    width: 100%; }
  .footer__social-item-container {
    display: flex;
    margin-top: 2rem; }
  .footer__social-item {
    border: 2px solid #ffffff;
    border-radius: 50%;
    transition: 0.3s all; }
    .footer__social-item:not(:last-child) {
      margin-right: 1rem; }
    .footer__social-item i {
      padding: 1rem 1rem; }
    .footer__social-item:hover {
      border: #d32f2f 2px solid; }
  .footer__sub-container {
    display: flex;
    width: 80%;
    flex-direction: row;
    justify-content: space-around; }
    @media only screen and (max-width: 1200px) {
      .footer__sub-container {
        margin-top: 3rem;
        width: 100%;
        font-size: 1.6rem;
        justify-content: space-between; } }
    @media only screen and (max-width: 992px) {
      .footer__sub-container {
        flex-direction: column; } }
    @media only screen and (max-width: 992px) {
      .footer__sub-container .footer__appointment-container,
      .footer__sub-container .footer__contact {
        margin-top: 2rem; } }
  .footer__links-container ul {
    list-style: none;
    padding-left: unset; }
  @media only screen and (max-width: 1200px) {
    .footer__links-container {
      width: 100%; } }
  @media only screen and (max-width: 1200px) {
    .footer__appointment-container {
      width: 100%; } }
  .footer__contact a {
    display: block; }
  @media only screen and (max-width: 1200px) {
    .footer__contact {
      width: 100%; } }

.section {
  padding: 10rem 10%;
  font-size: 1.6rem;
  text-align: justify; }
  .section--gray {
    background-color: #f1f2f3; }
  .section__title {
    font-size: 4rem;
    font-family: "Rosario", sans-serif;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
    z-index: 10;
    position: relative; }
    @media only screen and (max-width: 576px) {
      .section__title {
        font-size: 3.5rem; } }
    .section__title--light {
      color: #ffffff; }
    .section__title span {
      content: "";
      background-color: #d32f2f;
      height: 5px;
      width: 5rem; }
    .section__title--left {
      margin-right: 1rem; }
    .section__title--right {
      margin-left: 1rem; }

@media only screen and (max-width: 992px) {
  .info__container {
    margin-top: -15rem;
    z-index: 99;
    position: relative; } }

@media only screen and (max-width: 1550px) {
  .info__container .card {
    width: 35rem;
    padding: 2rem; } }

@media only screen and (max-width: 1350px) {
  .info__container .card {
    width: 30rem; } }

@media only screen and (max-width: 1200px) {
  .info__container .card {
    width: 26rem;
    padding: 3rem; } }

@media only screen and (max-width: 992px) {
  .info__container .card {
    width: 40rem;
    padding: 3rem; } }

.expert__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f3f3;
  padding: 5rem; }
  @media only screen and (max-width: 992px) {
    .expert__container {
      background-color: unset;
      flex-direction: column;
      padding: 5rem 0; } }

.expert__img-container {
  width: 30%;
  position: relative; }
  @media only screen and (max-width: 992px) {
    .expert__img-container {
      width: 100%;
      margin-bottom: 5rem; } }
  .expert__img-container img {
    width: 100%;
    position: relative;
    z-index: 10; }
  .expert__img-container::before {
    position: absolute;
    content: "";
    top: 3rem;
    left: 8.85rem;
    height: 97%;
    width: 84%;
    background-color: transparent;
    border: solid 10px #d32f2f;
    z-index: 0; }
    @media only screen and (max-width: 992px) {
      .expert__img-container::before {
        display: none; } }

.expert__text-container {
  width: 50%; }
  @media only screen and (max-width: 992px) {
    .expert__text-container {
      width: 100%; } }
  .expert__text-container h2 {
    font-size: 3.5rem;
    font-weight: 700; }
  .expert__text-container h5 {
    font-size: 1.6rem;
    font-weight: 700; }
  .expert__text-container h2,
  .expert__text-container p,
  .expert__text-container h5 {
    margin-bottom: 2rem; }

.practice {
  text-align: center;
  background: #d32f2f;
  background: linear-gradient(0deg, #d32f2f 0%, #d32f2f 50%, rgba(253, 56, 45, 0) 50%, rgba(253, 187, 45, 0) 100%); }
  @media only screen and (max-width: 992px) {
    .practice__container .card {
      margin-bottom: 2rem; } }

.immigration {
  background-color: #27272d;
  color: #ffffff;
  text-align: center; }
  .immigration__icon-container {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5rem; }
    @media only screen and (max-width: 992px) {
      .immigration__icon-container {
        flex-direction: column; } }
  .immigration__icon-item {
    text-align: center; }
    @media only screen and (max-width: 992px) {
      .immigration__icon-item:not(:last-child) {
        margin-bottom: 2rem; } }
  .immigration__icon {
    border-radius: 50%;
    width: 15rem;
    height: 15rem;
    background-size: cover;
    background-position: center;
    border: 2px solid red;
    margin: 0 auto; }
    .immigration__icon--family {
      background-image: url(../img/immigration__family.jpg); }
    .immigration__icon--business {
      background-image: url(../img/immigration__business.jpg); }
    .immigration__icon--citizenship {
      background-image: url(../img/immigration__citizenship.jpg); }
    .immigration__icon--other {
      background-image: url(../img/immigration__other.jpg); }
  .immigration__icon-title {
    font-size: 2rem;
    font-family: "Rosario", sans-serif;
    margin-top: 2rem; }
    @media only screen and (max-width: 992px) {
      .immigration__icon-title {
        margin-top: 0.5rem; } }

.team {
  text-align: center; }
  .team h2 {
    font-family: "Rosario", sans-serif;
    font-weight: 700; }
  .team__content-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 992px) {
      .team__content-container {
        flex-direction: column; } }
    @media only screen and (max-width: 992px) {
      .team__content-container {
        flex-direction: column-reverse; } }
  .team__text-container {
    text-align: left;
    width: 50%; }
    @media only screen and (max-width: 992px) {
      .team__text-container {
        width: 100%; } }
    .team__text-container p {
      margin-bottom: 2rem;
      text-align: justify; }
  .team__text-headline {
    font-size: 4.5rem;
    font-weight: 700;
    font-family: "Rosario", sans-serif; }
  .team__text-subhead {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Rosario", sans-serif;
    margin-bottom: 2rem; }
  .team__img-container {
    width: 30%;
    position: relative; }
    @media only screen and (max-width: 992px) {
      .team__img-container {
        width: 100%;
        margin-bottom: 3rem; } }
    .team__img-container img {
      width: 100%;
      z-index: 10;
      position: relative; }
    .team__img-container::before {
      position: absolute;
      content: "";
      top: 5%;
      right: 17.85%;
      height: 98%;
      width: 87%;
      background-color: transparent;
      border: solid 10px #d32f2f;
      z-index: 0; }
      @media only screen and (max-width: 992px) {
        .team__img-container::before {
          display: none; } }

.testimonials {
  background-image: url(../img/bg__testimonials.jpg);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative; }
  .testimonials::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #27272d;
    opacity: 0.95; }
  .testimonials__carousel-container {
    width: 80%;
    margin: 0 auto;
    background-color: #d32f2f;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 992px) {
      .testimonials__carousel-container {
        width: 100%;
        font-size: 1.4rem;
        padding: 1rem 0; } }
  .testimonials__carousel-item {
    color: #ffffff;
    text-align: center;
    height: 40rem;
    position: relative; }
    @media only screen and (max-width: 992px) {
      .testimonials__carousel-item {
        height: 40rem; } }
    @media only screen and (max-width: 768px) {
      .testimonials__carousel-item {
        height: 45rem; } }
    @media only screen and (max-width: 576px) {
      .testimonials__carousel-item {
        height: 55rem; } }
    .testimonials__carousel-item p {
      margin: 0 auto;
      width: 80%;
      padding: 2rem; }
      @media only screen and (max-width: 992px) {
        .testimonials__carousel-item p {
          padding: 1rem; } }
  .testimonials__carousel-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative; }
  .testimonials__carousel-client-pic {
    background-image: url(../img/testimonials__1.jpg);
    height: 10rem;
    width: 10rem;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: 4px solid #ffffff;
    margin: 0 auto;
    margin-bottom: 1.75rem;
    position: relative;
    z-index: 999999; }
  .testimonials__carousel-client-name {
    font-weight: 700; }

@media only screen and (max-width: 1500px) {
  .blog__container .card__container .card {
    width: 35rem;
    height: auto; }
    .blog__container .card__container .card__img-container {
      height: unset; }
      .blog__container .card__container .card__img-container img {
        height: 27vh; } }

@media only screen and (max-width: 1300px) {
  .blog__container .card__container .card {
    width: 30rem; }
    .blog__container .card__container .card__img-container img {
      height: 22vh; } }

@media only screen and (max-width: 1150px) {
  .blog__container .card__container .card {
    width: 25rem; }
    .blog__container .card__container .card__img-container img {
      height: 18vh; } }

@media only screen and (max-width: 992px) {
  .blog__container .card__container .card {
    width: 40rem; }
    .blog__container .card__container .card__img-container img {
      height: 30vh; } }

@media only screen and (max-width: 992px) {
  .blog__container .card__container .card:not(:last-child) {
    margin-bottom: 3rem; } }

.contact__content-container {
  display: flex;
  justify-content: space-around; }
  @media only screen and (max-width: 992px) {
    .contact__content-container {
      flex-direction: column; } }

.contact__contact-heading {
  background-color: #e3e3e4;
  padding: 2rem; }

.contact__heading {
  color: #d32f2f;
  font-weight: 700;
  text-transform: capitalize;
  margin-left: 2rem; }

.contact__subheading {
  font-family: "Rosario", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: capitalize;
  margin-left: 2rem; }

.contact__contact-link-container {
  background-color: #ebedee;
  padding: 5rem; }
  @media only screen and (max-width: 1200px) {
    .contact__contact-link-container {
      padding: 3rem; } }

.contact__link-item {
  display: flex;
  align-items: center; }
  .contact__link-item:not(:last-child) {
    margin-bottom: 2rem; }

.contact__link-logo {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 50%;
  margin-right: 2rem; }
  .contact__link-logo i {
    color: #d32f2f;
    font-weight: 700;
    font-size: 1.75rem; }

.contact__link-contact a {
  color: #27272d;
  transition: 0.3s all; }
  .contact__link-contact a:hover {
    color: #d32f2f;
    text-decoration: none; }

.contact__link-heading {
  color: #d32f2f;
  font-weight: 700; }

.contact__contact-form {
  width: 50%; }
  @media only screen and (max-width: 992px) {
    .contact__contact-form {
      width: 100%;
      margin-top: 3rem; } }
  .contact__contact-form .contact__heading {
    margin-top: 2rem; }
  .contact__contact-form .contact__heading,
  .contact__contact-form .contact__subheading {
    margin-left: unset; }
  .contact__contact-form .contact__subheading {
    margin-bottom: 2rem; }
  .contact__contact-form form {
    display: flex;
    flex-direction: column; }
    .contact__contact-form form input,
    .contact__contact-form form textarea,
    .contact__contact-form form select {
      border: none;
      border-bottom: 1px solid #d3d3d3;
      background-color: transparent;
      font-size: 1.6rem;
      margin-bottom: 2rem;
      padding: 1rem; }

.page {
  padding-top: 18.5rem;
  background-image: url(../img/bg__page.png);
  background-size: cover;
  background-position: top;
  position: relative; }
  .page::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(224, 224, 224, 0.9); }
  .page__title-container {
    position: relative;
    z-index: 10; }
  .page__title {
    font-family: "Rosario", sans-serif;
    font-weight: 700;
    font-size: 3rem; }
  .page__subtitle {
    font-family: "Rosario", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 2rem; }
  .page__title-border {
    content: "";
    height: 4.5px;
    width: 3rem;
    background-color: #d32f2f;
    position: absolute;
    top: 3.5rem; }
  .page__content-container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 992px) {
      .page__content-container {
        flex-direction: column-reverse; } }
    .page__content-container--full-width {
      flex-direction: column; }
  .page__text-container {
    width: 50%; }
    @media only screen and (max-width: 992px) {
      .page__text-container {
        width: 100%; } }
    .page__text-container--full-width {
      width: 100%; }
  .page__img-container {
    width: 40%; }
    @media only screen and (max-width: 992px) {
      .page__img-container {
        width: 100%;
        margin-bottom: 3rem; } }
    .page__img-container img {
      width: 100%;
      border: 1rem solid #ffffff; }
  .page__full-container {
    width: 100%; }