@charset "utf-8";

:root {
  --width: 1200px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #111;
}

img {
  vertical-align: bottom;
}

/* helper */

.h-container {
  max-width: var(--width);
  box-sizing: border-box;
}

.h-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.h-grid {
  display: grid;
}

.h-grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

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


.box-img {
  padding: 10px;
  box-sizing: border-box;
  transition-duration: .3s;
}

.box-img:hover {
  background-color: #8D0B5D;
}