@media screen and (max-width: 970px) {
  body.responsive { margin: 10px; }
  .responsive h1, .responsive h2 { word-wrap: break-word; }
  .responsive header { width: 100%; margin: 0; }
  .responsive footer { width: 100%; margin: 0; height: auto; }
  .responsive footer ul li { display: block; padding: 0; line-height: normal; }
  .responsive .content { width: 100%; margin: 0; }
  .responsive .content .col { float: none; width: auto !important; }
}

/* All New Buttons (2019) */
.f-button {
  outline: 0;
  display: inline-block; position: relative; padding: 0 25px; border-radius: 3px; border-style: solid; border-width: 1px; cursor: pointer; font-weight: 600; font-size: 12px; line-height: 29px; text-align: center; text-decoration: none !important;
  color:#000000;
  background-color: #e7e9ec;
  background-image: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
}
.f-button:hover {
  border-color: #a2a6ac #979aa1 #82858a;
  background-image: linear-gradient(to bottom,#e7eaf0,#d9dce1);
}
.f-button:active {
  border-color: #979ca2 #8e9198 #75777c;
  box-shadow: 0 0 3px 1px rgba(79, 195, 247, .5);
  background-image: linear-gradient(to bottom, rgba(220,222,226,1) 0%,rgba(231,234,240,1) 15%,rgba(217,220,225,1) 100%);
}
.f-button:focus:not(:active) {
  border-color: #00b0ff;
  box-shadow: 0 0 3px 1px rgba(79, 195, 247, .5);
}
.f-button[disabled] { border-color: #d6d6d6; color: #adb1b8; pointer-events: none; }

/* Variants */
.f-button-primary {
  color: #ffffff;
  border-color: #4e83b7 #4678aa #406e9c;
  background-color: #008bd4;
  background-image: linear-gradient(to bottom, #039be5, #008bd4 );
  box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
}
.f-button-primary:hover {
  border-color: #115793 #004883 #00356d;
  background-color: #0076c1;
  background-image: linear-gradient(to bottom, #1594e1, #0076c1);
}
.f-button-primary:active {
  border-color: #115793 #004883 #00356d;
  background-image: linear-gradient(to bottom, #008EE0 0%, #1594e1 15%, #0076c1 100%);
}
.f-button-primary[disabled] { color: #ffffff; }

.f-button-free {
  color: #ffffff;
  border-color: #006701 #005c00 #004800;
  background-image: linear-gradient(to bottom, #55ac43 0%, #419b36 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}
.f-button-free a {
  color: #ffffff;
  text-decoration: none;
}
.f-button-free:hover {
  border-color: #005c00 #005100 #003d00;
  background-color: #318e2b;
  background-image: linear-gradient(to bottom, #409b38, #318e2b);
}
.f-button-free:active {
  border-color: #005200 #004700 #003100;
  box-shadow: 0 0 3px 1px rgba(0, 200, 83, .5);
  background-image: linear-gradient(to bottom, #3d9135 0%, #409b38 15%, #318e2b 100%);
}
.f-button-free:focus:not(:active) {
  border-color: #00C853;
  box-shadow: 0 0 3px 1px rgba(0, 200, 83, .5);
}
.f-button-free[disabled] { color: #ffffff; }

.f-button-highlight1 {
  color: #000000;
  border-color: rgba(255, 171, 89, 0.67) #e69852 #cd854c;
  background-image: linear-gradient(to bottom, #ffbf60 0%, #f6b75f 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/* Modifications */
.f-button--fullwidth { width: 100%; }
a.f-button { color: #ffffff !important; }
.f-button--small { font-size: 11px; line-height: 23px; padding: 0 10px; }

.link-login-service { display: inline-block; font-size: 13px; font-weight: 400; text-decoration: none; color: #0277bd !important; }
.link-login-service:hover { text-decoration: underline; }
.link-login-service-icon { vertical-align: bottom; display: inline-block; margin-right: 4px; }

.f-dialog { display: none; }