:root {
  --column-width: 86.1111vw;
  --offset: calc(50% - (var(--column-width) / 2));
}

body, input, textarea, select {
  font-family: 'Arial', sans-serif;
  font-size: 1.1111vw;
  -webkit-text-size-adjust: none;
}

img, svg {
  max-width: 100%;
  display: block;
}

* {
  box-sizing: border-box;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.none {
  display: none;
}

.fade-out {
  opacity: 1;
  transition: 0.3s;
  pointer-events: auto;
}

.fade-out.active {
  opacity: 0;
  pointer-events: none;
}

.fade-in {
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.fade-in.active {
  opacity: 1;
  pointer-events: auto;
}

.container {
  padding-left: var(--offset);
  padding-right: var(--offset);
}

.container-offset {
  width: var(--column-width);
  margin-left: auto;
  margin-right: auto;
}

body {
  position: relative;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.languages {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 1.3889vw;
}

.lang {
  color: #fff;
  margin-left: 1.0417vw;
  font-weight: 700;
  font-size: 1.5rem;
}

.lang.active {
  text-decoration: underline;
}

.main-banner-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.uk-logo {
  width: 24.7222vw;
  margin: 0.9444vw auto 0 auto;
}

.title-block {
  width: 100%;
  padding: 1.3889vw 5.5556vw;
  background: rgba(00, 91, 187,1.0);
}

.h1 {
  font-size: 4.0vw;
  font-weight: 400;
  color: #ffd500;
  margin-bottom: 0.0833vw;
  text-align: center;
}

.p {
  font-size: 1.3889vw;
  color: #fff;
  text-align: center;
}

.items-to-pay {
  width: 100%;
  margin-top: 3.4722vw;
  margin-bottom: 6.9444vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item-to-pay {
  display: block;
  width: 24%;
  padding: 1.0417vw;
  background: rgba(00, 91, 187,.5);
}

.item-to-pay-img {
  display: block;
  width: 17.3611vw;
  height: 10.4167vw;
  object-fit: contain;
  margin: 0 auto;
  filter: invert(1);
}

.item-to-pay-text {
  margin-top: 0.6944vw;
}

.gallery {
  margin: 3.4722vw 0;
}

.slick-next:before, .slick-prev:before {
  color: rgba(00, 91, 187,.5);
}

.slider img {
  width: 94%;
  margin: 0 auto;
  height: 20.8333vw;
  object-fit: cover;
}

.flag-item {
  height: 13.8889vw;
  padding: 1.3889vw 6.9444vw;
  color: #fff;
  font-size: 1.3889vw;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.yellow-flag {
  background: url("./background-images/yellow.jpeg");
  color: #000;
}

.blue-flag {
  background: url("./background-images/blue.jpeg");
}

.gallery2-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3.4722vw 0 1.3889vw 0;
}

.gallery2-items img {
  width: 49%;
  margin-bottom: 1.7361vw;
  height: 31.25vw;
  object-fit: cover;
}

.gallery2-text {
  font-size: 1.1111vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.4722vw;
}

.social {
  /*background: rgba(00, 91, 187,1.0);*/
  padding: 0.7722vw 6.9444vw;
  background: url("./background-images/yellow.jpeg");
}

.social-items {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7722vw 6.9444vw;
}

.social-item {
  display: flex;
  align-items: center;
  color: black;
}

.social-item-img {
  width: 3.4722vw;
  height: 3.4722vw;
  display: block;
  margin-right: 1.0417vw;
}

.donated-h2 {
  text-align: center;
  margin-bottom: 2.0833vw;
  font-size: 2.5vw;
}

.slider2 img {
  width: 96%;
  margin: 0 auto;
  height: 13.8889vw;
  object-fit: contain;
}

footer {
  background: rgba(00, 91, 187,1.0);
  padding: 3.4722vw 6.9444vw;
  margin: 3.4722vw 0 0 0;
  font-weight: 100;
  font-size: 5.5556vw;
  color: #ffd500;
  text-align: center;
}

.btn-donate {
  padding: 1.0417vw 2.7778vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: red;
  margin: 1.0417vw 0;
  font-weight: 600;
  width: 28%;
  border: 1px solid red;
  transition: .3s;
  font-size: 1.6667vw;
}

.btn-donate:hover {
  background: darkred;
}

table {
  margin: 0 auto;
}

figure {
  margin: 0;
}

.comments-text {
  margin: 3.4722vw;
  color: gray;
  font-size: 0.7639vw;
}

ul li{
  width: 50%;
  float: left;
}