a,
b,
body,
center,
del,
div,
form,
h1,
h2,
header,
html,
i,
img,
li,
nav,
ol,
p,
span,
tr,
ul {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
}
header,
main,
main img,
nav {
   display: block;
}
body,
main * {
   font-family: "Roboto";
}
body {
   overflow-x: hidden;
   line-height: 1.3;
   color: #333;
   background: #260701;
}
ol,
ul {
   list-style: none;
}
b,
main h1 {
   font-weight: 700;
}
i {
   font-style: italic;
}

header {
   padding: 20px 10px;
   background: #fff;
}
header > div {
   max-width: 940px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
main * {
   margin: 0;
   padding: 0;
   outline: 0;
   border: 0;
   text-decoration: none;
   box-sizing: border-box;
}
main {
   background: #fff;
   position: relative;
   margin: 0 auto;
   padding: 30px 20px;
   max-width: 940px;
}
main h1 {
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 20px;
}
main p {
   font: 400 18px/1.3 "Roboto";
   margin-bottom: 15px;
}
main a {
   color: #1869a7;
}
main ol,
main ul {
   padding: 0;
   margin-left: 25px;
   margin-bottom: 20px;
}
main ol li,
main ul li {
   margin-bottom: 10px;
   font-size: 18px;
}
main ul li {
   list-style: disc;
}
main ol li {
   list-style: decimal;
}
main img {
   width: 100%;
   max-width: 650px;
   margin: 15px auto;
}
@media (min-width: 768px) {
   main h1 {
      font-size: 32px;
   }
   main ol li,
   main p,
   main ul li {
      font-size: 20px;
   }
   main {
      border-left: 1px solid #d9d9d9;
      border-right: 1px solid #d9d9d9;
   }
}
@media (max-width: 640px) {
   .nav {
      display: none !important;
   }
}