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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html, body  {
  background-color: #eceff5;
  color: #213367;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  word-break: break-word;
  letter-spacing: -0.3px;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
a, button, input[type="submit"] {
  cursor: pointer;
}
h1 {
  font-size: 2.2em;
  line-height: 1.2;
  letter-spacing: -0.8px;
  font-weight:700;
  margin-bottom: 25px;
  text-transform:uppercase;
}
.h1-div {
  color:#196BB5;
  font-weight:600;
  font-size:23px;
}
.h1-div span { color: #213367; } 
h2 {
  font-size: 1.3em;
  font-weight:600;
  margin-bottom: 30px;
}
h3 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 15px;
}
header {
  margin-top: 10px;
  margin-bottom: 10px;
}
header img { 
  width:160px; 
}
.desktop { display:block; }
.content {
   background-color: #fff;
}
.content > .col-md-8 {
  padding: 45px 50px;
  border:1px solid #eeeeee;
}
.content > .col-md-4 {
  padding: 45px 50px;
}
ul.benefits {
  padding-left:25px;
}
ul.benefits li {
  margin-bottom:12px;
}
ul.benefits li span {
  font-weight:700;
  color:#196BB5;
}
.last-p {
  margin-bottom:35px;
}
.form {
  border: 1px solid #eeeeee;
}
.form h2 {
  font-weight:600;
  text-align:center;
  margin-bottom: 30px;
}
.form h2>span { 
  display:block; 
}
.form label {
  font-weight:700;
  margin-bottom: 5px;
}
.hs-form-required {
  margin-left:3px;
  color: #a50000;
}
.form ul>li { 
  list-style-type: none;
}
.form ul {  
  padding-left:0px;
}
.hs-form-booleancheckbox span {
  display:inline-block;
  width:93%;
  font-weight:400;
  font-size:15px;
  float: right;
}
.hs-form-booleancheckbox input {
  display:inline-block;
  width:7%;
}
.hs_email {
  margin-bottom: 10px;
  margin-top: 20px;
}
input[type=text], input[type=email], input[type=number] {
  border:1px solid #dedee5 !important;
  width:100%;
  padding: 5px 4px;
  border-radius:0;
}
footer {
  font-size: 15px;
  float: right;
  margin: 7px -10px 20px 0;
}
.hs-error-msgs label.hs-error-msg {
  color: #a50000!important;
  font-size: 15px!important;
  margin-top: 0!important;
  font-weight: 500;
  margin-bottom: 1px !important;
  display: block;
  text-align: left;
}
input[type=email], input[type=text], input[type=number] { padding: 5px 7px; }
input[type=submit] {
  background-color: #78AA42;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 8px 0;
  width: 100%;
  border: none;
  margin-top: 0px;
}
.submitted-message p>a {
	display:block;
	background-color:#196bb5;;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  margin-top: 0;
  padding: 8px 2px;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
  text-align: center;
  margin-top: 25px;
}
.bracelet-form fieldset {
  margin-top:10px !important;
}
.bracelet-form fieldset.form-columns-1 .hs_address .hs-input, .bracelet-form fieldset.form-columns-1 .hs_city .hs-input, .bracelet-form fieldset.form-columns-1 .hs_email .hs-input {
  width:100% !important;
}
.bracelet-form {
  border: 1px solid #eeeeee;
}
.bracelet-form h2 {
  font-weight:600;
  text-align:center;
  margin-bottom: 30px;
}
.bracelet-form h2>span { 
  display:block; 
}
.bracelet-form label {
  font-weight:700;
  margin-bottom: 5px;
}
.bracelet-form ul>li { 
  list-style-type: none;
}
.bracelet-form ul {  
  padding-left:0px;
}
.bracelet-form .hs-form-booleancheckbox span {
  width:93%;
}
.bracelet-form .hs-form-booleancheckbox input {
  width:7%;
}
.bracelet-form .hs_email {
    margin-bottom: 0;
    margin-top: 0;
}
.bracelet-form  ul.hs-error-msgs {
    margin-top: 0;
    margin-bottom: 0;
}
.bracelet-form fieldset.form-columns-2 .hs_lastname .input, .bracelet-form fieldset.form-columns-2 .hs_what_is_your_zip_code_ .input {
    margin-right: 0;
}
.bracelet-form fieldset.form-columns-1 .hs_address .input, .bracelet-form fieldset.form-columns-1 .hs_city .input, .bracelet-form fieldset.form-columns-1 .hs_email .input  {
    margin-right: 0;
}
.bracelet-form h2 {
  margin-bottom: 25px;
}
.bracelet-form h2>span { 
  display:initial; 
}

/* Media queries */

@media (max-width:1397px){
  .desktop { display:none; }
  .tablet { display:block !important; }
  .col-sm-5 {margin-top: 10px;margin-bottom: 25px;}
}

@media (max-width:1200px){
  .content>.col-md-4 { padding: 35px 20px; }
  h2 { font-size: 1.3em; }
}
@media (max-width:990px){
  .content > .col-md-8 { padding: 25px 10px 20px 15px; }
  .content>.col-md-4 { padding: 30px 15px 25px 10px; }
  h1 { font-size: 1.7em; }
  .h1-div { font-size: 20px; }
  h2 { font-size: 1.2em; }
  input[type=submit] { font-size: 15px;padding: 4px 0 3px 0; }
  footer { font-size: 14px; }
  .hs-form-booleancheckbox span { width: 90%; }
}
@media (max-width:767px){
  header img { width: 115px; }
  .container { max-width: 100%; }
  .content { padding: 5%; }
  .content > .col-md-8, content > .col-md-4 { border:none;padding:0; }
  h1 { font-size: 2em;text-align: center; }
  h2 { text-align: center; }
  .col-md-5 { text-align: center;margin-bottom: 35px; }
  .col-md-5 img { width:33%; }
  ul.benefits { margin-bottom: 35px; }
  .form label { width: 100%; }
  .bracelet-form label { width: 100%; }
  .hs-form-booleancheckbox span { width: 95%; }
  .hs-form-booleancheckbox input { width: 5%; }
  .content>.col-md-4 { padding: 30px 60px 30px 60px; }
  .bracelet-form .col-md-4 { padding: 30px; }
}
@media (max-width:580px){
  h1 { font-size: 1.8em; }
  h2 { font-size: 1.1em; }
  .col-md-5 img { width:43%; }
  .bracelet-image img { width:100%; }
  .submitted-message p>a, .submitted-message > p:last-child { margin-bottom:5px; }
  ul.benefits { padding-left: 20px; }
}
@media (max-width:480px){
  .content { padding: 9% 5% 6% 5%; }
  .col-md-5 img { width: 65%; }
  .bracelet-image img { width:100%; }
  h1 { font-size: 1.7em; line-height: 1; }
  .h1-div { margin-top: 15px; }
  h2 { font-size: 1.05em;margin-bottom: 25px; }
  h3 { font-size: 1em; margin-bottom: 10px; }
  .content>.col-md-4 { padding: 15px 10px;margin-bottom: 20px; }
  form h2 { margin-bottom: 15px; }
  .hs-form-booleancheckbox input { width: 7%; }
  .hs-form-booleancheckbox span { width: 92%; }
  footer { text-align:center;font-size:13px;margin:5px -5px 20px -5px;padding: 0; }
  ul.benefits { margin-bottom: 25px; }
  form h2 { margin-bottom: 15px; }
  .hs_email { margin-bottom: 7px;margin-top: 15px; }
  .bracelet-form .hs-form-field.hs_firstname .hs-input, .bracelet-form .hs-form-field.hs_lastname .hs-input, .bracelet-form .hs-form-field.hs_state .hs-input, .bracelet-form .hs_what_is_your_zip_code_ .hs-input { width:100% !important; }  
  .bracelet-form .hs_firstname .input, .bracelet-form .hs_state .input, .bracelet-form .form-columns-2 .hs_what_is_your_zip_code_ .input { margin-right:0 !important; }
  .bracelet-form fieldset.form-columns-2 .hs_lastname, .bracelet-form fieldset.form-columns-2 .hs_what_is_your_zip_code_ { margin-top: 10px !important; }
  .bracelet-form { border: none; padding:0 !important; }
  .bracelet-form h2 { font-size: 1.2em; }.hs_what_is_your_zip_code_
}