.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}

.col-25 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75 {
  -ms-flex: 75%;  
  flex: 75%;
}

.col-25,
.col-50,
.col-75 {
  padding: 0 16px;

}

.container {
  background-color: #000000;
  padding: 5px 80px 15px 80px;
  border: 1px solid rgb(122, 9, 9);
  border-radius: 3px;
  font-family: 'bruno ace sc';
}

input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

label {
  margin-bottom: 10px;
  display: block;
}

.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
  font-family: 'bruno ace sc';
}

.btn {
  background-color: #000000;
  color: rgb(255, 4, 4);
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
  font-family: 'bruno ace sc';

}

.btn:hover {
  background-color: #a81313;
  color: black;
}

span.price {
  float: right;
  color: grey;
}

@media (max-width: 800px) {
  .row {
    flex-direction: column-reverse;
  }
  .col-25 {
    margin-bottom: 20px;
  }
}

h1{
  justify-content: center;
  text-align: center;
  font-family: 'bruno ace sc';
  margin-top: -80px;
}
