:root {
  --color1: #242323;
  --color2: #414142;
  --color3: #c93820;
  --color4: #fcf351;
}
/* Open Sans */
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap');

.responsive {
  width: 100%;
  height: auto;
}

.mobile-break {
  display: inline-block;
}

input#preferred_method_e_mail,
input#preferred_method_text_message {
  height: 20px;
  width: 20px;
}

/* Change the items below to move the text message/e-mail buttons */
#container_preferred_method {
  top: 380px;
  left: 60px;
}

/*   Change the items below to move the Name/Email/Phone inputs   
#container_name {
  top: 10px;
}
#container_email {
  top: 122px;
}
#container_phone_number {
  top: 234px;
}
*/
/* Set the colors for the typography here */
/* These classes are here as just a quick reference for the Unbounce page to refer to */
/* You may need to reconfigure the classes used in the Unbounce page */
.main-color {
  color: var(--color1) !important;
}
.secondary-color {
  color: var(--color2) !important;
}
.tertiary-color {
  color: var(--color3) !important;
}

/* Font Sizes Set to em to scale accordingly - Desktop ONLY */
/* Based off a pixel base size of 14px */
/* Feel free to add more - use pxtoem.com to calculate the conversion */
.font-size-48 {
  font-size: 3.429em !important;
}
.font-size-42 {
  font-size: 3em !important;
}
.font-size-30 {
  font-size: 2.143em !important;
}
.font-size-24 {
  font-size: 1.714em !important;
}
.font-size-21 {
  font-size: 1.286em !important;
}
.font-size-10 {
  font-size: 0.714em !important;
}

/* Set your fonts here */
/* Comment out any fonts if you don't need them */
.main-font {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700 !important;
  font-style: normal;
}
.secondary-font {
  font-family: 'Open Sans', serif;
  font-weight: 400 !important;
  font-style: normal;
}
/*.tertiary-font {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: normal !important;
  font-style: normal;
}*/

/* These are for the Form Labels - Change these as you see fit */
span.label-style {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  color: var(--color2) !important;
  position: relative;
  /*top: -10px;*/
}

/* Form Button - Change these to style the button on the form */
button#lp-pom-button-17 {
  border: none var(--color3) !important;
  border-radius: 10px;
  background: var(--color3);
  height: 72px;
  width: 274px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.714em !important;
  color: #ffffff;
  /* letter-spacing: 5px; */
}
/* Form Button Hover State - Change this if you want the form button to change when hovered */
button#lp-pom-button-17:hover {
  background: var(--color3);
  box-shadow: none;
  color: #fff;
}

/* Form Fields - This is for spacing the form fields apart. You shouldn't need to change this but it's here if you do. */
.ub-input-item {
  position: relative;
  top: 30px;
}

.lp-form-label {
	top:-6px !important;
	position: absolute !important;
}

@media only screen and (max-width: 600px) {
  .lp-form-label {
    font-size:9px !important;
  }
}