*{box-sizing:border-box;font-family:Gill Sans Extrabold,sans-serif}#city,#city-country,#duration,button,label{font-size:large;font-weight:bolder}body{display:flex;flex-direction:column;min-height:100vh;background-color:#d1cbcb}body,main{padding:20px}main{flex:2;background-color:#f1cece}section{margin:20px}img{max-width:100%;max-height:100%}footer{height:70px;font-size:small}footer,header{display:flex;justify-content:center;background:#835c69;color:#d8cfcf;padding:20px}header{font:3em bold;vertical-align:middle}.form-inline{display:flex;flex-flow:row wrap;align-items:center;padding:0}.form-inline label{margin:0}.form-inline input{vertical-align:middle;padding:10px;background-color:#fff}.form-inline input,button{margin:10px;border:2px solid #ddd;border-radius:5px}button{padding:10px 40px;background-color:#bea2ae;color:#fff}button:hover{background-color:#946b81;cursor:pointer}@media (max-width:600px){.form-inline input{margin:10px 0}.form-inline{flex-direction:column;align-items:stretch}}@media (min-width:601px){.container{display:grid;grid-template-rows:1fr;grid-template-columns:35% 65%;grid-template-areas:"image" "left";border:3px solid #4e3b53;width:auto}.image{grid-area:"image";max-width:100%;max-height:100%}.form,.results{grid-area:"left"}}