body{padding:0;margin:0;color:#000;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box;font-family:Montserrat,sans-serif}.container{max-width:1024px;width:100%;margin:0 auto;padding:10px;position:relative}.changeLang{text-align:right;color:#000}.changeLang a{color:#000}h1{margin:0;text-transform:uppercase}img{max-width:100%}.header{background-color:#cbb08a;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.header .logo{width:100px;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.header h1{font-size:1.3em;text-align:center;color:#fff}.footer{background-color:#cbb08a;height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:0;margin-top:auto}.areaWrapp{width:100%;margin-bottom:40px}.areaWrapp .area{border:1px solid #cbb08a;max-width:100%;width:100%;outline:none;min-height:200px;resize:none;padding:10px}.areaWrapp .areaFooter{display:flex}.areaWrapp .areaFooter .btnBg{margin-right:20px}.blist{color:red}.nlist{text-decoration:underline;text-decoration-color:#00f}.btn{cursor:pointer;padding:10px;background:transparent;border:1px solid #cbb08a;transition:all .5s;color:#000}.btn.btnBg{background-color:#cbb08a;color:#fff}.btn:hover{opacity:.5;transition:all .5s}.res{display:none}.res span.icon{margin-right:5px}@media (max-width: 768px){body{font-size:14px}h1{font-size:16px;margin:0 auto;width:304px}}@media (max-width: 460px){.header h1{font-size:14px;max-width:170px}.header .logo{width:90px}}@media (max-width: 420px){.header h1{font-size:10px;max-width:150px}}@media (max-width: 350px){h1{width:200px}}