.browser-images {
  height: 100%;
  max-width: 100%;
}

#outdated-browsers-para {
  color: grey;
  font-style: normal;
}

.outdated-browsers-header {
  color: #072b41;
}

.outdated-extra-div {
  width: 100%;
  height: auto;
}

#outdated-browser-background-filter {
  height: 100%;
  background-color: rgb(7, 43, 65);
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#outdated-browser-background {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px;
  width: 100%;
  display: none;
}

#outdated-pentech-logo {
  color: white;
  width: 200px;
  margin: 50px auto;
  height: auto;
}

#outdated-outer-div {
  width: 60%;
  height: 50%;
  background-color: #ebf4f8;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

#outdated-browsers-div {
  flex-direction: row;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 100%;
}

#outdated-inner-div {
  height: 100%;
  flex-direction: column;
  justify-content: space-evenly;
  display: flex;
  width: 100%;
}

#outdated-text-div {
  text-align: center;
  height: auto;
  padding: 10px;
}

.outdated-browsers-anchor {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  height: auto;
  width: 100%;
  font-style: normal;
  color: grey;
}

.outdated-browsers-anchor:hover {
  background-color: #a5b9c2;
  color: #ebf4f8;
}

.outdated-inner-divs {
  padding: 10px;
  width: 100%;
  height: 100%;
}

@media all and (max-height: 780px) {
  .browser-images {
    height: 100px;
    max-width: 100%;
  }
}