*{box-sizing: border-box;}
body{background-color: #fff; max-height: 100vh;}
.container{max-width: 56vw; height: 80vh; display: flex; align-items: center; justify-content: center; margin:0 auto; margin-top: 10vh; text-align: center;}
.container h1{font-size: 3vw;}
.logo img{max-width: 80%; height: auto; display: inline-block;}
.container p{color: #264875; font-size: 4vw; line-height: 1.4;}

@media screen and (min-width: 768px) {
  .container p{font-size: 2em;}
}

@media only screen and (orientation: landscape) and (max-width: 768px) {
  .logo img{max-width:none; height: 40vh; display: inline-block;}
  .container p{font-size: 6vh;}
}