.landing_page { /* Normalization */ /* Universal inheritance */ /* Opinionated defaults */ }
.landing_page img { border: 0; }
.landing_page :root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; text-size-adjust: 100%; }
.landing_page audio:not([controls]) { display: none; }
.landing_page details { display: block; }
.landing_page input[type="number"] { width: auto; }
.landing_page input[type="search"] { -webkit-appearance: textfield; }
.landing_page input[type="search"]::-webkit-search-cancel-button, .landing_page input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.landing_page main { display: block; }
.landing_page summary { display: block; }
.landing_page pre { overflow: auto; }
.landing_page progress { display: inline-block; }
.landing_page small { font-size: 75%; }
.landing_page template { display: none; }
.landing_page textarea { overflow: auto; }
.landing_page [hidden] { display: none; }
.landing_page [unselectable] { user-select: none; }
.landing_page *, .landing_page *::before, .landing_page *::after { box-sizing: inherit; text-decoration: inherit; }
.landing_page * { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; line-height: inherit; }
.landing_page *, .landing_page *::before, .landing_page *::after { border-style: solid; border-width: 0; }
.landing_page * { margin: 0; padding: 0; }
.landing_page :root { box-sizing: border-box; cursor: default; font-family: sans-serif; line-height: 1.5em; text-rendering: optimizeLegibility; vertical-align: top; }
.landing_page button, .landing_page input, .landing_page select, .landing_page textarea { background: transparent; }
.landing_page code, .landing_page kbd, .landing_page pre, .landing_page samp { font-family: monospace, monospace; }
.landing_page input { min-height: 1.5em; }
.landing_page nav ol, .landing_page nav ul { list-style: none; }
.landing_page select { -moz-appearance: none; -webkit-appearance: none; }
.landing_page select::-ms-expand { display: none; }
.landing_page select::-ms-value { color: currentColor; }
.landing_page table { border-collapse: collapse; border-spacing: 0; }
.landing_page textarea { resize: vertical; }
.landing_page ::selection { background-color: #1F365B; color: #fff; text-shadow: none; }
@media screen { .landing_page [hidden~="screen"] { display: inherit; }
  .landing_page [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

@font-face { font-family: 'gillsans_mt'; src: url("../fonts/gillsansmt.eot"); src: url("../fonts/gillsansmt.eot?#iefix") format("embedded-opentype"), url("../fonts/gillsansmt.woff") format("woff"), url("../fonts/gillsansmt.woff") format("truetype"), url("../fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg"); font-weight: normal; font-style: normal; }
html, body { height: 100%; margin: 0; padding: 0; }

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */
.landing_page { padding: 0; padding-top: 19px; -webkit-font-smoothing: antialiased;margin: 0 auto; color: #333; font-size: 16px; font-size: 1rem; line-height: 1.3; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight: normal; color: #231f20; text-align: left; overflow: hidden; position: relative}
.landing_page h1, .landing_page .title, .landing_page .subtitle, .landing_page .small_title { font-family: "bebas_neueregular", sans-serif; text-transform: uppercase; line-height: 100%; letter-spacing: 4px; margin: 0; font-weight: bold; }
.landing_page strong { font-weight: normal; }
.landing_page .bg{ width: 100%}
.landing_page a { text-decoration: none; }
.landing_page p { margin: 0; }
.landing_page sup { position: relative; top: -0.25em; font-size: 70%; }
.landing_page article { width: 100%; position: relative; margin-left: auto; margin-right: auto; }
.landing_page section { clear: both; margin-left: auto; margin-right: auto; }
.landing_page section p a { color: #105172; font-weight: bold; text-decoration: none; }
.landing_page section p a:hover { text-decoration: underline; }
.landing_page header{  position: absolute; top: 2%;}
.landing_page header .h1 { color: #105172; font-size: 40px; font-size: 2.5rem; letter-spacing: 7px; font-weight: bold; line-height: 100%; word-spacing: 2px; }
.landing_page header .h1 strong { line-height: 90%; font-size: 65px; display: block; }
.landing_page header h2 { color: #105172; font-size: 30px; font-size: 1.875rem; margin-bottom: 5px; letter-spacing: 0.5px; font-weight: normal; font-weight: lighter; }
.landing_page header p { max-width: 730px; letter-spacing: 0.5px; line-height: 135%;  font-size: 22px; font-size: 1.375rem; }
.landing_page .tips .tip { clear: both; float: left; }
.landing_page .tips .tip .right { width: 40%; margin-right: 9%}
.landing_page .tips .tip .left {width: 40%; margin-left: 10%}
.landing_page .tips .tip h2 { text-transform: uppercase; font-size: 33px; font-size: 2.0625rem; color: #105172; line-height: 110%; margin-bottom: 25px; font-weight: lighter; letter-spacing: 1px; }
.landing_page .tips .tip p { line-height: 155%; letter-spacing: 0.5px; }
.landing_page .tips .tip1{ position: absolute;  top: 20.5%;}
.landing_page .tips .tip2{ position: absolute; top: 40.5%;}
.landing_page .tips .tip3{ position: absolute;  top: 62%;}
.landing_page .tips .tip4{ position: absolute;  top: 83%;}
@media only screen and (max-width: 1024px) {
	.main-container .main.container{ padding-left: 0; padding-right: 0}
	.landing_page header{padding:0 15px;}
	.landing_page header .h1, .landing_page header h2 { font-size: 20px; letter-spacing: 0}
	.landing_page header .h1 strong{ font-size: 30px;}
	.landing_page header p{ font-size: 20px; letter-spacing: 0}
	.landing_page .tips .tip h2{ font-size: 20px; letter-spacing: 0; margin-bottom: 5px}
	.landing_page .tips .tip p{ line-height: 130%;letter-spacing: 0;}
}
@media only screen and (max-width: 640px) {
	.landing_page{ font-size: 12px; overflow: hidden;}
	.landing_page .bg {  width: 120%;   margin-left: -10%;    max-width: 120%;}
	.landing_page header{padding:0 10px;}
	.landing_page header .h1, .landing_page header h2 { font-size: 15px; }
	.landing_page header .h1 strong{ font-size: 18px;}
	.landing_page header p{ font-size: 13px; }
	.landing_page .tips .tip h2{ font-size:14px; }
	.landing_page .tips .tip .right { width: 50%;   margin-right: 2%;}
	.landing_page .tips .tip .left {  width: 50%;   margin-left: 3%;}
	.landing_page .tips .tip1 {   top: 21%;}
	.landing_page .tips .tip2 {  top: 41%;}
	.landing_page .tips .tip3 { top: 62.5%;}

}
@media only screen and (max-width: 420px) {
	.landing_page{ font-size: 10px; overflow: hidden;}
	.landing_page header .h1, .landing_page header h2 { font-size: 13px;}
	.landing_page header .h1 strong{ font-size: 15px; padding-top: 5px !important}
	.landing_page header p{ font-size: 11px;}
	.landing_page .tips .tip h2{ font-size:12px;  margin-bottom: 0}
	.landing_page .tips .tip p, .landing_page header p {  line-height: 110%;   letter-spacing: 0;}

}