:root {
  --wm-blue: #0246b5;
  --wm-blue-deep: #0246b5;
  --wm-blue-dark: #0246b5;
  --wm-ink: #07111f;
  --wm-muted: #4d5c67;
  --wm-soft: #edf4f5;
  --wm-soft-2: #f7fbfc;
  --wm-white: #ffffff;
  --wm-radius: 22px;
  --wm-radius-lg: 30px;
  --wm-shadow: 0 24px 60px rgba(0, 54, 123, 0.16);
  --wm-shell: 1140px;
  --wm-shell-wide: 1600px;
  --wm-body-font: "elza-text", Arial, sans-serif;
  --wm-display-font: "elza-text", Arial, sans-serif;
  --wm-serif-font: "ringold-clarendon", Georgia, serif;
  --wm-script-font: "fabiola-script", "Brush Script MT", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--wm-body-font); color: var(--wm-ink); background: var(--wm-white); font-size: 17px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }

hr { 
position: relative; clear: both; border: 0; overflow: visible; max-width: 60%; opacity: 0.5; 
border-bottom: 1px solid #ddd; margin: 0 auto 65px auto; padding: 45px 0 0 0; }
hr:before { background: #fff; }

.ccm-page.wm-site, .wm-site { overflow-x: clip; }
.wm-shell { position: relative; z-index: 1; width: min(calc(100% - 40px), var(--wm-shell)); margin-inline: auto; }
.wm-shell-wide { width: min(calc(100% - 40px), var(--wm-shell-wide)); margin-inline: auto; }
.wm-narrow { max-width: 880px; }
.wm-section { padding: clamp(62px, 8vw, 85px) 0; }
.wm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.wm-script { font-family: var(--wm-script-font); font-weight: 400; font-size: 1.75em; line-height: 0; text-transform: lowercase; letter-spacing: 0; }
.wm-ringold { font-family: var(--wm-serif-font); font-weight: 400; line-height: 0; text-transform: lowercase; letter-spacing: 0; }


h1, h2, h3 { 
	margin: 5px 0; display: block;
	font-family: var(--wm-display-font); font-weight: 700; line-height: 0.98; text-transform: uppercase; letter-spacing: -0.035em; }
h1 { font-size: clamp(3rem, 7vw, 4.5rem); max-width: 790px; }
h2 { color: var(--wm-blue); font-size: clamp(2.5rem, 5.8vw, 4rem);}
h3 { font-size: clamp(1.5rem, 1.8vw, 2.0rem); letter-spacing: -0.02em; }
p { margin: 0;
  padding: 10px 0;
  line-height: 1.35em; }

/*.wm-button, .wm-pill, .wm-service-card em { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 24px; border-radius: 999px; border: 2px solid currentColor; font-size: 0.78rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.02em; transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease; }
.wm-button:hover, .wm-pill:hover, .wm-service-card:hover em { transform: translateY(-2px); }
.wm-button--dark, .wm-pill--dark { color: var(--wm-white); background: #02070d; border-color: #02070d; }
.wm-button--primary { color: var(--wm-white); background: var(--wm-blue); border-color: var(--wm-blue); }
.wm-button--outline { color: var(--wm-ink); background: transparent; border-color: var(--wm-ink); }
.wm-button--outline-light, .wm-pill { color: var(--wm-white); background: transparent; border-color: rgba(255,255,255,0.88); }*/

a.button, .login-page button.btn, .form-actions button[type="submit"], .form-actions button  {
border-radius:100px; font-weight: bold;
padding: 15px 35px; text-transform: uppercase; line-height: 1; 
margin: 5px auto; display: inline-block; vertical-align: middle; text-shadow: none; 
z-index: 1; position: relative; text-align:center; transition: all 0.25s ease-in-out !important;
text-decoration: none !important; background: #0246b5; border: 3px #0246b5 solid; color: #fff !important; }
.form-actions button[type="submit"], .form-actions button { clear: both; display: block; }

a.button.outlined { background: none; border: 3px #0246b5 solid; color: #000 !important; }
a.button.solid,.form-actions button[type="submit"], 
.form-actions button { background: #0246b5; border: 3px #0246b5 solid; color: #fff !important; }

.whitetxt a.button.outlined { background: none; border: 3px #000 solid !important; color: #fff !important; }
.whitetxt a.button.solid,
.whitetxt .form-actions button[type="submit"], 
.whitetxt .form-actions button { background: #000; border: 3px #000 solid !important; color: #fff !important; }
.whitetxt { color: #fff; }
.login-page button.btn:hover { 
	background: #86a7de !important; color: #fff !important; border: 3px #86a7de solid; }

a.button:hover, .a.button.outlined:hover,
.whitetxt a.button:hover, .whitetxt a.button.outlined:hover{ 
	background: #86a7de !important; border: 3px #86a7de solid !important; color: #fff !important; }

a.button.solid:hover, 
.whitetxt a.button.solid:hover, 
.form-actions button[type="submit"]:hover, .form-actions button:hover { 
	background: #86a7de !important; border:3px #86a7de solid !important; color: #fff !important; }

.whitetxt h1, .whitetxt h2, .whitetxt h3, 
.whitetxt h4, .whitetxt h5, .whitetxt h6 { color: #fff !important; }

.toptop {
position: fixed; bottom: -50px; right: 0; padding: 0; z-index: 10;transition: 0.15s ease-in-out bottom;
width: 100%; text-align: center; 	}
.toptop a {
    display: flex; 
    justify-content: center;
    align-items: center; color: #fff; text-align: center; padding: 10px; width: 20px; box-sizing: revert;
background: rgba(0,0,0,0.25); box-shadow: 2px 2px 0 rgba(0,0,0,0.75); margin: auto;
-moz-border-radius: 50px; border-radius: 50px; }
.pgscrolled .toptop { bottom: 15px; }

#main-hero,
section.wm-hero,
section.wm-page-hero{ position: relative; }

section.wm-hero:after,
section.wm-page-hero:after {
	position: absolute; top: 0;left: 0; width: 100%;height: 100%;
	z-index: 0; content: '';
} 
.herohighlight section.wm-hero:before, 
.herohighlight section.wm-page-hero:before {
	z-index: 1;
	content: '';
    background-color: #fff;
	border-radius: 25px;
	box-shadow: 0 0 35px rgba(2, 70, 181, 0.5);
}

section.wm-hero, 
section.wm-page-hero { overflow: hidden; }


@media screen and (max-width: 768px) {
	
	.wm-footer__contact a { 
    display: block;
    font-size: 2rem!important;
    line-height: 1!important;
	border: 0!important;
	}
	
	table {        margin: 55px 0 0 0; }
  /* Force the table to behave like blocks instead of rows/columns */
  table, thead, tbody, th, td, tr {
    display: block;
  }

  /* Hide the traditional desktop header layout visually but keep it readable by screen readers */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Style each row to look like a separate card */
  tr { 
  }

  /* Make cells act like flex rows with labels on the left and data on the right */
  td {
    border: none; 
    position: relative; 
	width: inherit!important;
  }

  td:last-child {
    border-bottom: none;
  }
 
}


@media (max-width: 1140px) {
	
	.herohighlight section.wm-hero .padditbx, 
	.herohighlight section.wm-page-hero .padditbx {
		margin: 0 auto 0 0; max-width: 50%;
	}
	.herohighlight section.wm-hero .padditbx, 
	.herohighlight section.wm-page-hero .padditbx {
		margin: 0 auto; max-width: 90%;
	}
	.herohighlight section.wm-hero:before, 
	.herohighlight section.wm-page-hero:before {
		position: relative;
        width: 90%;
        height: 400px;
        aspect-ratio: 16 / 9;
        display: block;
        left: 5%;
        margin-bottom: 55px;
	}

}
@media (min-width: 1140px) {
	
	.herohighlight section.wm-hero .padditbx, 
	.herohighlight section.wm-page-hero .padditbx {
		margin: 0 auto 0 0; max-width: 50%;
	}
	
	.herohighlight section.wm-hero:before, 
	.herohighlight section.wm-page-hero:before {
		position: absolute;
        top: 20vh;
        right: 5vw;
        width: 40vw;
        height: auto;
		aspect-ratio: 5 / 4;
		max-height: 60%;
	}
	
	.herohighlight.page-template-home section.wm-hero:before, 
	.herohighlight.page-template-home section.wm-page-hero:before {
        top: 15vh!important; 
        width: 30vw!important; 
        aspect-ratio: 4 / 5!important;
        max-height: 60%!important;
    }
	
	
	.page-template-home .wm-hero .padditbx { padding-top: 65px; }
	.page-template-home .wm-hero__inner { padding-bottom: 150px; padding-top: 200px; }
}


.herohighlight section.wm-hero:after, 
.herohighlight section.wm-page-hero:after { filter: blur(10px); }

.wm-hero__inner .wm-innershell { max-width: 70%; margin: 0 auto 0 0; } 

.waves {
    position: absolute;
    width: 100%;
    height: 15vh;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
    left: 0;
	z-index: 1;
}

footer .waves {
	top: 0; bottom: inherit; z-index: 1;
	transform: rotate(180deg);
}
.parallax>use {
    animation: move-forever 35s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 17s;
	     fill: rgba(237, 244, 245, 0.7);
}
.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 25s;
	 fill:rgba(237, 244, 245,0.5);
}
.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 20s;
	 fill:rgba(237, 244, 245,0.3);
}
.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 30s;
	 fill:#edf4f5;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
	.ccm-layout-column { max-width: 100% !important; width: 100% !important; }
	.wm-hero__inner .wm-innershell { max-width: 90%; }

	section.wm-hero,
	section.wm-page-hero{ padding-top: 250px; }
}

@media (max-width: 1024px) {
	


}

.pgscrolled #stickerhead { padding: 5px 0; background: #0246b5; }

#stickerhead { transition: 0.5s ease all; }
#headtxt { text-align: right; }
.wm-header { position: absolute; inset: 0 0 auto; z-index: 20; color: var(--wm-white); padding: 34px 0; }
.wm-header__inner { transition: 0.25s ease all; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; }
.wm-logo { font-family: var(--wm-script-font); max-width: 265px; /*font-size: clamp(2.4rem, 4vw, 3.45rem);*/ line-height: 1; font-weight: 400; z-index: 999; }
.wm-logo ,
.wm-logo a,
.wm-logo .ccm-imgblx {    display: inline-flex;
    align-items: center; }

.wm-nav ul { display: flex; justify-content: flex-end; align-items: center; gap: 29px; list-style: none; padding: 0; margin: 0; }
.wm-nav a { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.96; }
.wm-nav a:hover { opacity: 0.72; }
.wm-header__actions { display: flex; align-items: center; gap: 12px; }
.wm-header__actions .wm-button { min-height: 36px; padding-inline: 18px; font-size: 0.67rem; }
.wm-nav-toggle { display: none; width: 46px; height: 42px; border: 2px solid rgba(255,255,255,0.8); border-radius: 999px; background: transparent; color: white; padding: 0 11px; }
.wm-nav-toggle span:not(.wm-sr-only) { display: block; height: 2px; background: currentColor; margin: 5px 0; border-radius: 1px; }

.wm-hero { position: relative; isolation: isolate; min-height: 1000px; display: flex; align-items: center; color: var(--wm-white); background: radial-gradient(circle at 74% 25%, rgba(255,255,255,0.10), transparent 22%), radial-gradient(circle at 18% 70%, rgba(0,38,104,0.18), transparent 28%), linear-gradient(145deg, #0246b5 0%, #0246b5 46%, #0246b5 100%); }
/*.wm-hero::before { content: "watermen"; position: absolute; left: 13%; top: 8%; z-index: -1; color: rgba(255,255,255,0.10); font-family: var(--wm-script-font); font-size: clamp(7rem, 17vw, 20rem); line-height: 1; }
.wm-hero::after { content: ""; position: absolute; inset: auto 0 -1px; height: 28px; background: radial-gradient(circle at 15px -2px, transparent 18px, var(--wm-soft) 19px) 0 0 / 30px 30px repeat-x; z-index: 2; }*/
.wm-hero__content { padding-top: 72px; }
.wm-hero h1 { color: white; margin-bottom: 24px; }
.wm-hero h1 .wm-script { font-size: 1.75em; padding: 0 10px; line-height: 0; }
.wm-pill-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: clamp(76px, 11vw, 158px); }
.wm-pill { min-height: 34px; padding-inline: 18px; font-size: 0.65rem; }
.wm-hero__intro { max-width: 650px; font-size: 0.95rem; font-weight: 700; line-height: 1.35; text-transform: uppercase; }

.wm-intro { position: relative; background: var(--wm-soft); padding-top: clamp(74px, 10vw, 120px); }
.wm-grid { display: grid; gap: clamp(34px, 6vw, 86px); }
.wm-grid--intro { grid-template-columns: minmax(0, 1fr) 390px; align-items: start; }
.wm-intro p {/* max-width: 690px;*/ color: #17212d; }
.wm-callout { margin-top: 0; padding: 46px 44px; border-radius: 18px; background: var(--wm-blue); box-shadow: var(--wm-shadow); }
/*.wm-callout p { color: var(--wm-white); font-family: var(--wm-serif-font); font-size: 1.42rem; line-height: 1.04; font-weight: 400; text-transform: uppercase; }*/

.wm-services { background: var(--wm-soft); padding-top: 10px; }
.wm-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.wm-service-card { position: relative; min-height: 390px; border-radius: var(--wm-radius-lg); display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; color: white; text-align: center; background: var(--wm-blue); box-shadow: 0 18px 50px rgba(0, 68, 154, 0.18); }
.wm-service-card::before, .wm-service-card::after { content: ""; position: absolute; inset: 0; z-index: 0; transition: transform 260ms ease; }
.wm-service-card--well::before { background: radial-gradient(circle at 30% 42%, rgba(255,255,255,0.13), transparent 18%), linear-gradient(145deg, #0060ce, #004fb2); }
.wm-service-card--distribution::before { background: radial-gradient(circle at 68% 42%, rgba(255,255,255,0.13), transparent 18%), linear-gradient(145deg, #005bc6, #0048a8); }
.wm-service-card::after { content: attr(data-watermark); display: grid; place-items: center; color: rgba(255,255,255,0.10); font-family: var(--wm-script-font); font-size: clamp(5rem, 11vw, 9rem); background: none; }
.wm-service-card:hover::before { transform: scale(1.055); }
.wm-service-card span, .wm-service-card strong, .wm-service-card em { position: relative; z-index: 1; }
.wm-service-card span { display: block; font-family: var(--wm-serif-font); font-size: clamp(2.1rem, 5vw, 3.5rem); line-height: 0.95; text-transform: uppercase; }
.wm-service-card strong { display: block; margin-bottom: 24px; font-family: var(--wm-script-font); font-size: clamp(2.5rem, 6vw, 4.1rem); font-weight: 400; line-height: 0.75; }
.wm-service-card em { min-height: 34px; padding-inline: 18px; font-style: normal; font-size: 0.66rem; color: white; border-color: white; }

.wm-stats { position: relative; background: var(--wm-soft); overflow: hidden; }
.wm-stats::before {     content: "watermen";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--wm-script-font);
    font-size: clamp(11rem, 40vw, 55rem);
    color: rgba(255, 255, 255, 0.75);
    line-height: 1;
    pointer-events: none; }
.wm-stats > .wm-shell { position: relative; z-index: 1; }
.wm-section-heading--split { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 40px; }
.wm-section-heading h2 { margin: 0; }
.wm-section-heading .wm-script { font-size: 0.96em; }
.wm-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 105px; max-width: 980px; }
.wm-stat-grid article strong { display: block; margin-bottom: 10px; color: var(--wm-blue); font-size: clamp(4.4rem, 8vw, 6.4rem); line-height: 0.85; font-weight: 700; letter-spacing: -0.06em; }
.wm-stat-grid article h3 { margin-bottom: 8px; font-family: var(--wm-serif-font); color: #07111f; font-size: 1.24rem; letter-spacing: -0.015em; }
.wm-stat-grid article p { font-size: 0.9rem; max-width: 430px; }

.wm-testimonial { background: linear-gradient(var(--wm-soft) 0 42%, var(--wm-white) 42% 100%); padding-block: 0 clamp(62px, 7vw, 92px); }
.wm-testimonial__panel { display: block; vertical-align: middle;grid-template-columns: 330px 1fr; gap: 60px; align-items: center; padding: clamp(34px, 5vw, 54px) clamp(34px, 7vw, 72px); border-radius: 18px; color: white; background: var(--wm-blue); box-shadow: var(--wm-shadow); }
.wm-testimonial h2 { color: white; font-size: clamp(1.9rem, 3.4vw, 2.7rem); }
.wm-testimonial h2 .wm-script { font-size: 1.65em; line-height: 0; }
.wm-testimonial blockquote { margin: 0; font-size: 1rem; font-weight: 700; text-transform: uppercase; line-height: 1.45; }

.wm-about-faq { background: white; padding-top: 28px; }
.wm-grid--about { grid-template-columns: minmax(0, 1fr) 600px; align-items: start; }
.wm-about h2 { max-width: 560px; }
.wm-about h2 .wm-script { font-size: 1.45em; }
.wm-about p { max-width: 570px; }
.wm-faq { padding: clamp(34px, 5vw, 58px); border-radius: 18px; background: #ebf2f4; }
.wm-faq h2 { margin-bottom: 4px; font-size: clamp(2.2rem, 4vw, 3.2rem); }
.wm-faq > p { font-family: var(--wm-serif-font); font-size: 1.7rem; line-height: 1.15; font-weight: 400; text-transform: uppercase; }
.wm-faq__item { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 0; border: 0; border-top: 2px solid rgba(0,87,189,0.12); background: transparent; color: var(--wm-ink); text-align: left; font-weight: 700; font-size: 0.95rem; cursor: pointer; }
.wm-faq__item b { color: var(--wm-blue); font-size: 1.25rem; }

.wm-footer { position: relative; color: white; background: radial-gradient(circle at 50% 46%, rgba(255,255,255,0.13), transparent 21%), linear-gradient(145deg, #005fca 0%, #0053bd 52%, #00439e 100%); overflow: hidden; }
/*.wm-footer::before { content: "watermen"; position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); color: rgba(255,255,255,0.09); font-family: var(--wm-script-font); font-size: clamp(9rem, 25vw, 26rem); line-height: 1; pointer-events: none; }*/
.wm-wave--footer { position: absolute; left: 0; right: 0; top: -1px; height: 28px; background: radial-gradient(circle at 15px 30px, transparent 18px, white 19px) 0 0 / 30px 30px repeat-x; }
.wm-footer__inner { min-height: 700px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 38px; padding: 250px 0 100px; }
.wm-footer__seal { display: grid; place-items: center; width: 310px; height: 230px; border-radius: 50%; transform: rotate(-8deg); }
.wm-footer__seal span, .wm-footer__seal strong { font-family: var(--wm-serif-font); text-transform: uppercase; line-height: 0.92; font-size: 2.25rem; }
.wm-footer__seal em { font-family: var(--wm-script-font); font-style: normal; font-size: 4.2rem; line-height: 0.7; }
.wm-footer__contact { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(22px, 5vw, 60px); font-size: clamp(1.65rem, 4vw, 2.55rem); font-family: var(--wm-serif-font); text-transform: uppercase; }
.wm-footer__contact a { border-bottom: 5px solid rgba(255,255,255,0.8); }
.wm-footer__meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 34px; font-weight: 700; text-transform: uppercase; }
.wm-footer__legal { margin-top: auto; font-size: 0.72rem; }
.wm-footer__legal a { text-decoration-thickness: 1px; }

footer .wm-footer__inner { position: relative; z-index: 1; }
footer .wm-footer__overlay:after {
	position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: 0;
	content: ''; background: url("../images/wm--banner-04.jpg") no-repeat center;
	background-size: cover; opacity: 0.35; background-attachment: fixed;
}
footer .ccm-block-social-links {     font-size: 2rem;
    vertical-align: middle; }

.wm-page-hero { padding: 250px 0 175px; color: white; background: linear-gradient(135deg, var(--wm-blue), var(--wm-blue-dark)); }
.wm-page-hero h1 { color: white; }
.wm-page-content { background: #edf4f5; }
.wm-page-content .ccm-block-content h1, .wm-page-content .ccm-block-content h2 { color: var(--wm-blue); }

@media (max-width: 1020px) {
  .wm-header__inner { grid-template-columns: auto auto; justify-content: space-between; }
  .wm-nav-toggle { display: block; }
  .wm-nav, .wm-header__actions { grid-column: 1 / -1; display: none; width: 100%; }
  .wm-header.is-open .wm-nav, .wm-header.is-open .wm-header__actions { display: flex; }
  .wm-header.is-open .wm-nav { justify-content: center; }
  .wm-nav ul { flex-direction: column; gap: 18px; padding: 24px; border-radius: 18px; background: rgba(0, 40, 92, 0.92); }
  .wm-header__actions { justify-content: center; }
  .wm-grid--intro, .wm-grid--about { grid-template-columns: 1fr; }
  .wm-callout { margin-top: 0; }
  .wm-testimonial__panel { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 760px) {
  .wm-shell { width: min(calc(100% - 30px), var(--wm-shell)); }
  .wm-section { padding: 58px 0; }
  .wm-header { padding: 22px 0; }
  .wm-logo { font-size: 2.45rem; }
  .wm-hero { min-height: 760px; align-items: flex-end; padding-bottom: 88px; }
  .wm-hero__content { padding-top: 140px; }
  .wm-pill-group { margin-bottom: 52px; }
  .wm-card-grid, .wm-stat-grid { grid-template-columns: 1fr; }
  .wm-service-card { min-height: 290px; }
  .wm-section-heading--split { display: block; }
  .wm-section-heading--split .wm-button { margin-top: 18px; }
  .wm-stat-grid { gap: 34px; }
  .wm-about-faq { padding-top: 58px; }
  .wm-faq { padding: 28px 24px; }
  .wm-footer__inner { min-height: 590px; }
  .wm-footer__contact { flex-direction: column; gap: 18px; font-size: 1.55rem; }
  .wm-footer__meta { flex-direction: column; gap: 12px; }
}

@media (max-width: 460px) {
  body { font-size: 15px; }
  .wm-button, .wm-pill { width: 100%; }
  .wm-header__actions { flex-direction: column; }
  .wm-hero h1 { font-size: 2.65rem; }
  .wm-hero__intro { font-size: 0.82rem; }
  .wm-callout { padding: 32px 26px; }
  .wm-testimonial__panel { padding: 28px 22px; }
}


.login-page { max-width: 500px; }
.login-page h1 { display: none; }
.login-page input, 
.login-page select,
.login-page textarea { 
border: 1px #122b46 solid; background: #fff; color: #122b46;
text-align: center; -moz-border-radius: 3px; border-radius: 3px; }
.login-page input::placeholder,
.login-page textarea::placeholder { color: rgb(33,35,34); text-align: center; }

.login-page .form-group { margin: 5px auto; }
 
.login-page, .login-page .col-sm-6, 
.login-page button.btn,
.login-form { text-align: center; margin: 0 auto; }
.login-page input { font-size: 16px; }
.login-page input,
.login-page button.btn { width: 88%; padding: 15px 5%; margin: 0 auto; }
.login-page input[type=checkbox] { width: auto; }
.login-page .checkbox { margin-bottom: 15px; }
.login-page button.btn { width: 99%; }
.login-page label { font-size: 12px; }
.login-page button.btn { 
    display: inline-block;
	cursor: pointer; 
	transition: all 0.15s ease-in-out;
    margin: 5px 0;  
  }
.login-page button.btn:hover {  }
.login-page a.btn { font-size: 13px; }