:root {
  --dark-red-color: #8e0b27;
  --light-red-color: #c90f37;
}

/* MOBILE under 992px*/

@media screen and (max-width: 992px) {
  h1 {
    font-size: 450%;
    padding-bottom: 0.35em;
  }
  .navBarStyle .hideMobile {
    display: none;
  }

  .tecnologies-filter img {
    width: 20%;
    margin-bottom: -9%;
  }
  .tecnologies-filter .hideMobile {
    display: none;
  }
  .popup-inner {
    max-height: 85vh;
    height: auto;
    width: 85%;
  }
  .popup-inner .popupphoto {
    display: none;
  }
  .popup-inner .popuptext {
    text-align: center;
    flex-direction: column;
    justify-items: center;
    width: 100%;
    display: block;
    overflow-y: scroll;
    padding: 1.5em;
  }

  #howWeDoIt button {
    color: black;
    width: 30%;
    min-height: 4em;

  }
}