*{box-sizing:border-box}html{font-family:Verdana,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:underline}body{margin:0;padding:0;min-width:320px;background-color:#201f31;color:#fff;line-height:1.3;font-size:18px}main{position:relative}main .details,main .logo{display:grid;align-items:center;padding:2rem}@media screen and (min-width:768px){main .details,main .logo{float:left;height:100vh;min-height:800px;padding:2rem 3rem}main .logo{width:45%}main .details{width:55%}}main .logo{background-color:#7a9c46;min-height:35vh}main .logo img{display:block;max-width:100%;width:280px;margin:0 auto}main .details p{text-align:center}@media screen and (min-width:768px){main .logo img{float:right;width:480px}main .details p{text-align:left;font-size:22px;max-width:28em}}