.header {
  font-size: 36px;
}

@media (min-width: 576px) {
  .phone.header {
    font-size: 48px;
  }
}

input {
  outline: none;
}

/* For Chrome, Safari, Edge, and Opera */

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */

input[type="number"] {
  -moz-appearance: textfield;
}

p {
  justify-content: end;
}

#left {
  justify-content: end;
}

@media (min-width: 300px) {
  svg {
  }
}

.logos {
  height: 40px;
  width: 120px;
}

.color-change {
  color: red;
}

@media (max-width: 768px) {
  .color-change {
    color: green;
  }
}

.padding-change {
  padding: 30px;
}

@media (max-width: 768px) {
  .padding-change {
    padding-top: 0px;
  }
}

@media (min-width: 768px) {
  .padding-change2 {
    padding-left: 25px;
  }
}

@media (max-width: 768px) {
  .padding-change3 {
    margin: 20px;
  }
}

nav a.active {
  font-weight: bold;
}

@media (min-width: 768px) {
  svg.special {
    margin-top: 25px;
    transform: rotate(90deg);
  }
}