* {
  box-sizing: border-box; }

body {
  font-family: 'AR One Sans', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  color: #273446;
  gap: 30px;
  padding: 30px 0; }
  body .logo {
    width: 330px;
    max-width: 80vw; }
  body .banner {
    text-align: center;
    padding: 80px 30px;
    color: #fff;
    background-color: #273446;
    width: 100%;
    background-image: url("banner.jpg");
    background-position: center center;
    background-size: cover; }
  body .button {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    max-width: 387px;
    width: 100%;
    margin: 35px auto 15px;
    background: #ff7200;
    border-radius: 4px;
    display: block;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 20px; }
  body hr {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 40px; }
  body .content {
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    padding: 30px;
    gap: 30px;
    flex-direction: column;
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(1, 1fr); }
    @media (min-width: 1000px) {
      body .content {
        grid-template-columns: repeat(2, 1fr); } }
    body .content .contact {
      width: 100%;
      padding: 30px;
      background-color: #f4f4f4; }
      body .content .contact a {
        color: #222;
        text-decoration: none; }
  body .container {
    max-width: 1000px;
    margin: 0 auto; }
  body .grey {
    width: 100%;
    padding: 30px;
    background-color: #f4f4f4; }
    body .grey h2, body .grey p {
      text-align: center; }
    body .grey ul {
      margin-top: 30px;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-columns: repeat(1, 1fr); }
      @media (min-width: 1000px) {
        body .grey ul {
          grid-template-columns: repeat(3, 1fr); } }
      body .grey ul li {
        list-style: none;
        background: url("check.jpg") no-repeat 20px top;
        padding-left: 60px;
        line-height: 22px;
        padding-bottom: 15px; }
  body footer {
    color: #919191;
    padding: 0 30px; }

/*# sourceMappingURL=style.css.map */