/**********BASE CONFIGURATIONS**********/   
body {
	  background:#1f1f1f;
    color: bisque;
    font-family: 'Open Sans', sans-serif;
}
h1 {
  font-family: 'Raleway', sans-serif;
}
  
h3, h4, h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight:lighter;
}

h2{
  font-size: 22px;
}

h3 {
  font-size: 32px;
  color:#b2c831
}

h4 {
  color: black;
  margin-left:5px;
  font-weight: bold;
}

/* Style the header */
.header {
    font-family: 'Raleway', sans-serif;
    /* background-color: #f1f1f1; */
	  background:#1f1f1f;
    /* padding: 30px; */
    text-align: center;
    font-size: 25px;
}

/* Container for flexboxes */
.row {
  display: -webkit-flex;
  display: flex;
}

/* Create three equal columns that sits next to each other */
.column {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
  margin-left: 30px;
  margin-right: 30px;
  /*  height: 300px; /* Should be removed. Only for demonstration */
}

/* Style the footer */
.footer {
  /* background-color: #f1f1f1; */
  background:#1f1f1f;
  padding: 10px;
  text-align: center;
  font-family: verdana;
  font-size: 12px;
  /* color: black; */
  color: bisque;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.container {
    display: flex;
    gap: 0 43px;
    width: 776px;
    margin: 0 auto;
}

.item {
  width: 33.33333%;
}

.column > img {
  width: 100%;
  height: 340px;
  object-fit: contain;
}

p {
    font-family: verdana;
    font-size: 12px;
    color: black;
    /* text-align: center; */
}