*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:#fff url("../images/Welcome.jpg") no-repeat center center;
  background-size:cover;
  background-attachment:fixed;
  color:#333;
  min-height:100vh;
}
#content{
  width:100%;
  margin:0 auto;
  padding:40px 20px;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:2.75vw;
  min-height:100vh;
}
.logo{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 1 21vw;
  max-width:21vw;
  aspect-ratio:505/431;
  background:#fff;
  text-align:center;
}
.logo img{
  max-width:76%;
  height:auto;
  display:block;
  transition:opacity .2s;
}
a.logo:hover img{opacity:.8}
@media (max-width:800px){
  #content{flex-direction:column;gap:24px;padding:30px 20px}
  .logo{flex:0 0 auto;width:80%;max-width:340px}
}