@media(max-width:767.98px){.hidden-phone{display:none !important}
}
@media(min-width:0){.hidden-phone-up{display:none !important}
}
@media(min-width:768px) and (max-width:1023.98px){.hidden-tablet{display:none !important}
}
@media(max-width:1023.98px){.hidden-tablet-down{display:none !important}
}
@media(min-width:768px){.hidden-tablet-up{display:none !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.hidden-desktop{display:none !important}
}
@media(min-width:1024px){.hidden-desktop-up{display:none !important}
}
@media(max-width:1279.98px){.hidden-desktop-down{display:none !important}
}
@media(min-width:1280px){.hidden-desktop-large{display:none !important}
}
.typography{color:#000}
.typography.h1{font-size:84px !important;line-height:100%;font-weight:900;text-align:right}
@media(max-width:767.98px){.typography.h1{font-size:48px !important}
}
@media(min-width:768px) and (max-width:1023.98px){.typography.h1{font-size:60px !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.typography.h1{font-size:72px !important}
}
.typography.h2{font-size:72px !important;line-height:100%;font-weight:900;text-align:right}
@media(max-width:767.98px){.typography.h2{font-size:40px !important}
}
@media(min-width:768px) and (max-width:1023.98px){.typography.h2{font-size:46px !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.typography.h2{font-size:58px !important}
}
.typography.h3{font-size:52px !important;line-height:100%;font-weight:900;text-align:right}
@media(max-width:767.98px){.typography.h3{font-size:34px !important}
}
@media(min-width:768px) and (max-width:1023.98px){.typography.h3{font-size:40px !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.typography.h3{font-size:46px !important}
}
.typography.h3.left{text-align:left}
.typography.h4{font-size:36px !important;line-height:100%;font-weight:900}
@media(max-width:767.98px){.typography.h4{font-size:26px !important}
}
@media(min-width:768px) and (max-width:1023.98px){.typography.h4{font-size:30px !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.typography.h4{font-size:30px !important}
}
.typography.h5{font-size:26px !important;line-height:100%;font-weight:700}
@media(max-width:767.98px){.typography.h5{font-size:22px !important}
}
@media(min-width:768px) and (max-width:1023.98px){.typography.h5{font-size:24px !important}
}
@media(min-width:1024px) and (max-width:1279.98px){.typography.h5{font-size:24px !important}
}
.typography.eon-quote{font-size:28px !important;line-height:32px !important;font-weight:400}
.typography.eon-abstract{font-size:20px !important;line-height:24px !important;font-weight:500}
.typography.eon-copy{font-size:18px !important;line-height:24px !important;font-weight:400}
.typography.eon-copy-small{font-size:14px !important;line-height:18px !important;font-weight:400}
.typography.red{color:#ea1b0a}
.typography.turquoise{color:#1ea2b1}
.typography.bordeaux{color:#b00402}
.typography.bordeaux-dark{color:#76020d}
.typography.lime-yellow{color:#e3e000}
.typography.lime-yellow-dark{color:#cdca05}
.typography.dark-grey{color:#39393a}
.typography.grey-75{color:#404040}
.typography.grey-75{color:#8f9192}
.typography.light{font-weight:400 !important}
.typography.regular{font-weight:500 !important}
.typography.medium{font-weight:700 !important}
.typography.bold{font-weight:900 !important}
form[name='eon_agent_login_form'] h5{font-weight:700;margin-bottom:16px;margin-top:16px}
form[name='eon_agent_login_form'] .eon-agent-code-value{font-weight:900;font-style:normal;color:white;font-size:3.6rem;line-height:3.6rem}
form[name='eon_agent_login_form'] .end .form_row{display:flex;flex-direction:column;margin:0}