/*
font-family:'Poppins', sans-serif;
*/

/* BASE TYPOGRPHY */
body {font-family:'Poppins', Arial, sans-serif; color:#000; font-weight:normal; font-weight:400; font-size:20px;}

/* HEADERS */
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {font-family:'Poppins', Arial, sans-serif; text-transform:uppercase;}
.typography h1 {font-size:48px; font-weight:700; margin-bottom:20px; line-height:110%;}
.typography h2 {font-size:36px; font-weight:700; margin-bottom:25px;}
.typography h3 {font-size:32px; font-weight:600; margin-bottom:16px; line-height:130%;}
.typography h4 {font-size:28px; font-weight:600; margin-bottom:12px;}
.typography h5 {font-size:24px; font-weight:600; margin-bottom:0;}
.typography h6 {font-size:22px; font-weight:700; margin-bottom:5px;}

.typography .med-link-text {font-size:38px; font-weight:700; margin-bottom:0;}
.typography .lg-link-text {font-size:54px; font-weight:700; margin-bottom:0;}


/* PARAGRAGHS */
.typography p {margin-bottom:20px; line-height:125%;}
.typography .no-margin {margin:0!important;}
.typography .m-bottom-5 {margin-bottom:5px;}
.typography .m-bottom-10 {margin-bottom:10px;}

.typography strong, strong {font-weight:600;}

.typography .white, .white {color:#fff;}
.typography .black, .black {color:#000;}
.typography .red, .red {color:#b20018;}
.typography .dk-red, .dk-red {color:#980015;}

.typography .centered, .centered {text-align:center;}


/* LINKS */
.typography a {color:#000; text-decoration:none; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography a:hover {color:#b20018; text-decoration:none; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.typography a.red {color:#b20018;}
.typography a.red:hover {color:#000;}

.typography .lg-red-btn {}
.typography .lg-red-btn a {background:#b20018; color:#fff; text-transform:uppercase; font-size:38px; font-weight:600; text-align:center; border:3px #fff solid; padding:20px 8%; display:block; line-height:125%;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .lg-red-btn a:hover {background:#980015; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.typography .sm-red-btn {}
.typography .sm-red-btn a {background:#b20018; color:#fff; text-transform:uppercase; font-size:26px; font-weight:600; text-align:center; border:3px #fff solid; padding:20px 8%; display:block; line-height:125%;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .sm-red-btn a:hover {background:#980015; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.typography .red-btn-bordered {}
.typography .red-btn-bordered a {background:#b20018; padding:15px; display:block; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
	-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .red-btn-bordered a span {border:3px #fff solid; display:block; padding:15px; line-height:125%; font-size:26px; font-weight:600; text-align:center; color:#fff; text-transform:uppercase; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
	-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .red-btn-bordered a:hover {background:#980015; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.typography .lg-red-btn-bordered {}
.typography .lg-red-btn-bordered a {background:#b20018; padding:15px; display:block; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
	-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .lg-red-btn-bordered a span {border:3px #fff solid; display:block; padding:15px; line-height:115%; font-size:38px; font-weight:600; text-align:center; color:#fff; text-transform:uppercase; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
	-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.typography .lg-red-btn-bordered a:hover {background:#980015; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}


/* LIST STYLES
-------------------------------------------- */
.typography ul.foot-nav {list-style:none; margin:0; text-align:right;}
.typography ul.foot-nav li {list-style:none; margin:0; padding:2px 0; font-size:14px;}
.typography ul.foot-nav a {text-transform:uppercase; color:#c8c8c8; font-size:14px; font-weight:600; text-decoration:none;}
.typography ul.foot-nav a:hover {color:#fff;}



/* RESPONSIVE STYLES
-------------------------------------------- */
@media screen and (max-width:1240px) {
	.typography .med-link-text {font-size:34px;}
	.typography .lg-link-text {font-size:50px;}
	
	.typography .lg-red-btn a {font-size:30px;}
	.typography .sm-red-btn a {font-size:20px;}
}
@media screen and (max-width:1120px) {
	body {font-size:16px;}
	.typography p {margin-bottom:16px;}
	.typography .red-btn-bordered a, .typography .lg-red-btn-bordered a {padding:10px;}
	.typography .red-btn-bordered a span {font-size:20px; padding:10px;}
	.typography .lg-red-btn-bordered a span {font-size:28px; padding:10px;}
}
@media screen and (max-width:1024px) {
	.typography h1 {font-size:40px;}
	.typography h2 {font-size:28px; margin-bottom:15px;}
	.typography h4 {font-size:24px; margin-bottom:8px;}
	.typography h5 {font-size:20px;}
	.typography h6 {font-size:18px;}
	
	.typography .med-link-text {font-size:28px;}
	.typography .lg-link-text {font-size:41px;}
	
	.typography .lg-red-btn a, .typography .sm-red-btn a {padding:15px 4%;}
	.typography .lg-red-btn a {font-size:28px;}
}
@media screen and (max-width:768px) {
	.typography .sm-red-btn a {font-size:22px;}
	.typography .red-btn-bordered {width:48%; float:left; margin:0 1% 15px 1%;}
}
@media screen and (max-width:640px) {
	body {font-size:14px;}
	.typography p {margin-bottom:14px;}
	
	.typography h1 {font-size:32px;}
	.typography h2 {font-size:22px;}
	
	.typography .red-btn-bordered {width:100%; float:none; margin:0 0 15px 0;}
}
@media screen and (max-width:480px) {
	.typography .med-link-text {font-size:25px;}
	.typography .lg-link-text {font-size:36px;}
}