.internet-explorer {
  width: 100%;
  position: relative;
  display: flex;
  background-image: url("../../images/textures/bg-paper-ivoire@3x.jpg");
  background-repeat: repeat;
  background-size: 1200px auto;
  padding-top: 112px;
  padding-bottom: 112px;
}

.internet-explorer-container {
  width: 620px;
  margin: auto;
}

.internet-explorer-title {
  font-family: GothamUltra;
  font-size: 30px;
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #161616;
}

.internet-explorer-text {
  font-family: GothamMedium;
  font-size: 14px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  margin-top: 36px;
  text-align: center;
  color: #161616;
}

.internet-explorer-separator {
  height: 1px;
  width: 100%;
  margin-top: 24px;
  background-color: rgba(22, 22, 22, 0.88);
}

.internet-explorer-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

.internet-explorer-button-logo {
  width: 79px;
  height: 75px;
  object-fit: contain;
}

.internet-explorer-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.internet-explorer-button:first-of-type {
  margin-right: 32px
}

.internet-explorer-button:last-of-type {
  margin-left: 32px
}

.internet-explorer-button p {
  font-family: GothamMedium;
  font-size: 14px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  color: #000000;
  margin-top: 8px;
}

@media only screen and (max-width: 768px) {
  .internet-explorer {
    height: 100%;
    width: 100%;
  }

  .internet-explorer-container {
    width: 100%;
    margin: auto;
    padding-right: 24px;
    padding-left: 24px;
  }

  .internet-explorer-title {
    font-size: 25px;
  }
}