.container {
max-width: 1200px;
      width: 100%;
      padding: 0 15px;
      margin: 0 auto 3rem;
}

.header {
position: relative;
}

.header::before {
content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #1f418b;
}

.header_inner {
display: flex;
      justify-content: space-between;
      align-items: center;
}

.header__logo {
max-width: 200px;
      padding: 10px 0;
}

.header__logo img {
width: 100%;
}

.footer {
background-image: url("/images/drk_bg.png");
      border-top: 3px solid #1f418b;
}

.footer__inner {
display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 40px 0;
}

.footer__col {
width: 25%;
      padding: 0 10px;
      max-width: 262px;
}

.footer__title {
font-weight: 400;
      color: #4c4c4c;
      letter-spacing: -1px;
      margin-bottom: 18px;
      font-size: 24px;
}

.footer_text {
color: #8c8c8c;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
}

.footer__email, .footer__read {
color: #8c8c8c;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      transition: 0.3s ease color;
}

.footer__email:hover, .footer__read:hover {
color: #4bb8dc;
}

.footer__read {
margin-top: 20px;
}

.footer__right {
text-align: center;
      padding: 10px 0;
      background-color: #d60000;
      color: #fff;
}

@media (max-width: 1220px) {
.footer__col {
max-width: 50%;
        width: 100%;
        margin-bottom: 20px;
}
}

@media (max-width: 1220px) {
.header__logo {
max-width: 150px;
}
}

@media (max-width: 850px) {
.footer__col {
max-width: 100%;
}
}