@font-face {
  font-family: univers;
  src: url(Univers\ Next\ Pro\ Medium.ttf);
}

body{
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.1);
  font-family: univers;
}


a{
  text-decoration: none;
  color: unset;
}

section{
  display: block;
  position: fixed;
  margin-left: 2vw;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

div{
  display: inline-block;
  line-height: 1.1;
  font-size: 1.3vw;
  width: 47%;
  vertical-align: top;
}



@media (orientation:portrait){

  section{
    height: 100%;
  }
  div{
  display: block;
  font-size: 4vw;
  padding: 2.5vw 3vw;
  line-height: 1.2;
  width: 90%;
  vertical-align: top;
}

section div:first-of-type{
  display: block;
  position: fixed;
  top: 50%;
  height: fit-content;
  transform: translate( 0 , -50%);
  bottom: 0;
}

section div:last-of-type{
  display: block;
  position: fixed;
  bottom: 0;
}
}