@import url(reset.css);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:13px;line-height:1.3;padding:30px}figure{margin:0;display:flex}a{color:inherit}a:hover{opacity:.75}.container{width:780px;margin:auto}.header{display:flex;border-bottom:1px solid #e8e8e9}img{max-width:100%}.header-left{width:350px}.header-left a{color:#fff;text-decoration:none}.logo{display:flex;align-items:center;justify-content:center;background:#a90329;background:-moz-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(to bottom,#a90329 0,#8f0222 44%,#6d0019 100%);text-transform:uppercase;text-align:center}.logo:hover{opacity:.95}.site-title{font-size:18px}.site-title span{font-weight:400}.top-box{display:flex;flex-direction:column;justify-content:center;width:100%;height:80px}.top-box-middle{border-bottom:1px solid #e8e8e9;border-right:1px solid #e8e8e9;background:url(../img/2s1.gif) no-repeat top center;padding-left:15px}.top-box-right{border-bottom:1px solid #e8e8e9}.header-middle{display:flex;flex-direction:column;width:247px;justify-content:space-between}.header-content-details{display:flex;flex-direction:column;flex:1;justify-content:center;padding:0 15px}.header-right{width:182px;display:flex;flex-direction:column;justify-content:space-between}.header-photo-container{flex:1}.header-photo-container img{object-fit:cover}footer{font-size:11px;text-align:center;padding-top:30px}.tags{background:#3f4c6b;color:#fff;padding:5px 0;margin-bottom:5px}.main-content{display:flex}.main-content main{width:350px;padding-right:15px}.article-images{display:flex}.main-menu{width:247px}.menu-list{list-style:none;display:flex;flex-direction:column;padding:0;text-transform:uppercase;margin:0}.menu-list li{width:100%}.menu-list li a{background:#3f4c6b;display:block;width:100%;color:#fff;text-decoration:none;font-size:15px;font-weight:700;border-bottom:1px solid #fff;padding:6px 15px 6px 30px;position:relative}.menu-list li a:before{content:'';position:absolute;left:0;top:0;bottom:0;background:#6c6f7c;display:block;width:15px;border-right:1px solid #fff}.menu-list li a:hover{opacity:1;background:#545e75}.submenu-list{list-style:none;display:flex;flex-direction:column;padding:0;text-transform:uppercase}.submenu-list li a{padding-left:45px;font-size:13px}.sidebar{width:182px;padding-left:15px}.form-field{display:flex;flex-direction:column;margin-bottom:15px}input,textarea{border:1px solid #e8e8e9;padding:5px 10px}button{border:1px solid #e8e8e9;padding:5px 10px}button:hover{cursor:pointer}