/* your project settings */
/* maybe a reset here of some things */

h3{
  width: 100%;
}

.bg-danger p { margin: 0; } /* warning box content */

.btn-primary {
    color: #fff;
    border-color: #00ACA9 !important;
    background-color: #00ACA9 !important;
    box-shadow: none;
}


.button.grey:hover,
input[type="submit"].grey:hover {
  background-color: #FF3F20;
}

.button.full,
input[type="submit"].full {
  padding: 18px 22px;
  display: block;
  text-align: center;
}

.button.more,
input[type="submit"].more {
  margin: 2rem 0 6rem;
}

.button.more:after,
input[type="submit"].more:after {
  position: absolute;
  content: "";
  background: url("../images/arrow-down-white.svg") no-repeat;
  width: 9px;
  height: 6px;
  margin: 5px 0 0 10px;
}

.button.secondary,
input[type="submit"].secondary {
  border: 2px solid #D1D1D1;
  font-family: "Fira Sans", Arial, sans-serif;
  color: #444444;
}

.button.secondary:hover,
input[type="submit"].secondary:hover {
  background-color: #ECECEC;
}

input[type="submit"] {
  border: none;
  color: #fff;
  background-color: #00ACA9;
}

input[type="submit"]:hover {
  background-color: #008381;
}
*/

/*MEDIA setup*/
@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 992px) {
	
	
	
}

@media only screen and (max-width: 990px) {
	
	
}

@media only screen and (max-width: 960px) {

	

}

@media only screen and (max-width: 800px) {

	

}

@media only screen and (max-width: 668px) {
	
	
}

@media only screen and (max-width: 620px) {
	
	
}

@media only screen and (max-width: 610px) {
	
		
}

@media only screen and (max-width: 570px) {
	
	
}

@media only screen and (max-width: 555px) {
	
		
}

@media only screen and (max-width: 550px) {
	
}


@media only screen and (max-width: 517px) {
	

}

@media only screen and (max-width: 495px) {
	
}

@media only screen and (max-width: 470px) {
	

}

@media only screen and (max-width: 463px) {
	
}

@media only screen and (max-width: 440px) {
	
}

@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 415px) {
	
}

@media only screen and (max-width: 404px) {
	

}

@media only screen and (max-width: 390px) {
	
}


@media only screen and (max-width: 380px) {
	

}

@media only screen and (max-width: 366px) {
	

}


/* tweaks */
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}