.text-center {
  text-align: center;
}

.align-v {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

html,
body {
  height: 100%;
  background-color: #1c1c1c;
}

.desk-1366,
.desk-960,
.desk-768,
.desk-480,
.desk-360 {
  display: none; 
}

@media (max-width: 1366px) {
  .desk-1920,
  .desk-960,
  .desk-768,
  .desk-480,
  .desk-360 {
    display: none;
  }
  .desk-1366 {
    display: block; 
  }
}

@media (max-width: 991px) {
  .desk-1920,
  .desk-1366,
  .desk-768,
  .desk-480,
  .desk-360 {
    display: none;
  }
  .desk-960 {
    display: block; 
  }
}

@media (max-width: 768px) {
  .desk-1920,
  .desk-1366,
  .desk-960,
  .desk-480,
  .desk-360 {
    display: none;
  }
  .desk-768 {
    display: block; 
  }
}

@media (max-width: 480px) {
  .desk-1920,
  .desk-1366,
  .desk-960,
  .desk-768,
  .desk-360 {
    display: none;
  }
  .desk-480 {
    display: block; 
  }
}

@media (max-width: 360px) {
  .desk-1920,
  .desk-1366,
  .desk-960,
  .desk-768,
  .desk-480 {
    display: none;
  }
  .desk-360 {
    display: block; 
  }
}