/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
/*////HTML & BODY////*/
html
{
	height: 100%;
	margin:0;
	padding:0;
}

body
{
	height: 100%;
	margin:0;
	padding:0;
	counter-reset: item;
}

html,
body {
	font-size: 14px !important;
}

/*End of Html and Body*/
/*///////////////////*/

/*////DEFAULT TEXT////*/
h1 {
	font-size: 1.602em;
}
h2 {
	font-size: 1.424em;
}
h3 {
	font-size: 1.266em;
}
h4 {
	font-size: 1.125em;
}
h5 {
	font-size: 0.889em;
}
h6 {
	font-size: 0.79em;
}
.display-1 {
	font-size: 3.906em;
}
.display-2 {
	font-size: 3.125em;
}
.display-3 {
	font-size: 2.5em;
}
.display-4 {
	font-size: 2em;
}
/*End of DEFAULT TEXT*/
/*///////////////////*/

/*////SITE CONTAINER & WRAPPER/////*/
.site-wrapper
{
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
}
.site-container 
{
	flex: 1;
}
/*End of SITE CONTAINER & WRAPPER*/
/*///////////////////////////////*/

/*/////////////HEADER//////////////*/
.header
{
}

.logo
{
	width: 180px;
	height: auto;
}

.navbar
{
}

.dropdown-menu.show
{
	background-color: #fff;
	border: none;
}

.dropdown-menu.show li a:hover
{
}
.dropdown-menu.show li:last-child a
{
}

.dropdown-menu.show li:last-child a:hover
{
}

.main-header
{	
	background: #fff;
	-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
    box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
}

#main-menu
{
}

#main-menu li
{
	padding-right: 20px;
}
.nav-link
{
	font-weight: 400;
	color: #000!important;
}

.nav-link:hover
{
	color: #598c9a!important;
}

/*
#main-menu li a
{
	color: #fff!important;
	font-weight: 600;
}

#main-menu li a:hover
{
	color: #e63a83!important;
	font-weight: 600;
}
*/
.px-nav-fixed
{
	background-color: rgba(255, 255, 255, 0.9); 
}

.main-header-fixed
{
	position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
	background-color: rgba(255, 255, 255, 0.9); 
    -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
    box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
	transition: background-color 1s ease;
  
}
/*End of HEADER*/
/*/////////////*/

/*////////////FOOTER///////////*/
#footer
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
/*End of FOOTER*/
/*/////////////*/

/*////////////DEFAULT PAGE///////////*/
.px-pagebg-page
{
	width: 100%;
	min-height: 200px;
	position: relative;
	background: #1e1e30;
	padding-bottom: 50px;
}

.px-page-header
{
	padding: 30px;
}

/*End of DEFAULT PAGE*/
/*////////////////*/

/*////////////HOME PAGE///////////*/
.px-pagebg-home
{
	width: 100%;
	min-height: 500px;
	margin-top: 100px;
	position: relative;
	background: #1e1e30;
	padding-bottom: 50px;
	background-image: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/81_1_Tenders.jpg);
	background-size: cover cover;
	background-repeat: no-repeat;
}

.px-pagebg-administrative
{
	width: 100%;
	min-height: 100px;
	margin-top: 112px;
	position: relative;
	background: #1e1e30;
	padding-bottom: 50px;
	background-image: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/81_1_Tenders.jpg);
	background-size: cover cover;
	background-repeat: no-repeat;
}

.px-infinity-section-art
{
	width: 100%;
	min-height: 50px;
	margin-bottom: -1px;
	background-image: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/section_art.png);
	background-size: cover cover;
	background-repeat: no-repeat;
}
.px-infinity-section-art-2
{
	width: 100%;
	min-height: 50px;
	margin-top: -1px;
	background-image: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/section_art_2.png);
	background-size: cover cover;
	background-repeat: no-repeat;
}

.px-page-title
{
	padding-top: 30px;
}

.px-infinity-ol
{
	list-style: none;
}

.px-infinity-ol ul
{
	
}

.px-infinity-ol ul li:before
{
	content:none;
}

.px-infinity-ol li:before
{
	margin-right: 10px;
   	content: counter(item);
   	background: #284952;
   	color: white;
   	text-align: center;
   	display: inline-block;
	padding: 5px 10px;
}

.px-infinity-ol li
{
	margin-bottom: 20px;
	counter-increment: item;
}

.px-infinity-ol li p
{
}

.px-infinity-table-item-files
{
	text-align: center;
	font-weight: bold;
	color: #284952;
}

.px-infinity-table-item-1
{
	padding-right: 50px;
	font-weight: bold;
	background: #f7f7f7;
	border-bottom: 5px solid #fff;
	padding-left: 5px;
}

.px-infinity-table-item-2
{
	padding-right: 30px;
	background: #f7f7f7;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff; 
	padding-left: 5px;
}

.px-infinity-table-item-2 a
{
	color: #534B45!important;
}



.px-infinity-table-item-3
{
	padding-right: 30px;
	background: #f7f7f7;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff; 
	padding-left: 5px;
}

.px-infinity-prices-header-span
{
	font-weight: 100;
}

.px-infinity-text-align-center
{
	text-align: center;
}
/*End of HOME PAGE*/
/*////////////////*/

/*////////////ADDONS PAGE///////////*/
.px-addon-icon
{
	text-align: center;
	margin-bottom: 20px;
}

.px-addon-icon:hover
{
	color: #534b45;
}

.px-addon-text
{
	text-align: center;
}

.px-addon-price
{
	margin-top: 10px;
	color: #f53e82;
	font-weight: bold;
}
/*End of ADDONS PAGE*/
/*///////////////////*/

/*////////////FAQ PAGE///////////*/
.faq-container
{
	float: left;
	width: 100%;
}

.borderfaq
{
	border: 0.1rem solid #fff;
	padding: 1rem;
	margin-bottom: 1rem;
	overflow: auto;
}

.faqcontainer
{
	width: 99%;
	height: auto;
	border: 1px solid #e9e9e9;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.faqheader
{
	width: 100%;
	padding: 10px;
	background: #e9e9e9;
}

.faqheader h3
{
	color: #202020;
	margin: 0;
	padding: 5px;
	width: auto;
}

.faqanswer
{
	width: auto;
	padding: 10px;
}

/*End of FAQ PAGE*/
/*///////////////////*/


/*////////////CONTACT PAGE///////////*/

.px-contact-form-header
{
	width: 100%;
	height: 50px;
	background: #f53e82;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.px-contact-form-header p
{
	color: #fff;
	font-weight: 600;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 1.5rem;
}

.px-contact-form-body
{
	width: 100%;
	height: auto;
	background: #1c1c2e;
	padding: 20px;
	border: 1px solid #f53e82;
}

.px-contact-form-input-text
{
	margin-bottom:20px;
	text-indent: 10px;
	font-weight: 600;
	border: 1px solid #e1e1e1;
	color: #fff;
	background: #1c1c2e;
	padding: 5px 10px;
	border-radius: 5px;
}

.px-contact-form-container
{
	width: 100%;
	clear: both;
}

.px-contact-form-details
{
	overflow: auto;
}

.px-contact-form-details i
{
	display: inline-block;
	padding-right: 10px;
	color: #f53e82;
}

.px-contact-form-details p
{
	display: inline-block;
	color: #fff;
}
/*End of CONTACT PAGE*/
/*///////////////////*/

/*////////////ORDER PAGE///////////*/
input[type="text"]
{
	width: 100%;
	text-indent: 10px;
	font-weight: 600;
	border: none;
	border: 1px solid #e1e1e1;
	padding: 5px 10px;
}

input[type="email"]
{
	width: 100%;
	text-indent: 10px;
	font-weight: 600;
	border: 1px solid #e1e1e1;
	padding: 5px 10px;
}

input[type="tel"]
{
	width: 100%;
	text-indent: 10px;
	font-weight: 600;
	border: 1px solid #e1e1e1;
	padding: 5px 10px;
}

textarea
{
	width: 100%;
	height: 150px;
	text-indent: 10px;
	margin:0;
	margin-bottom: 20px;
	font-weight: 600;
	border: 1px solid #e1e1e1;
}

input:read-only::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #f53e82;
	font-weight: 600;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  
	color: #b1afc3;
	font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
  text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
  text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
  text-transform: uppercase;
}

textarea:focus, input:focus{
    outline: none;
}


#checkboxes input[type=checkbox]{
   display: none;
}

#checkboxes input[type=checkbox]:checked + .addonsform{
    background-color: #f53e82;
	border: 1px solid #f53e82;
	color: #fff!important;
}

#checkboxes input[type=checkbox]:checked + .addonsform p{
	color: #fff;
}

#checkboxes input[type=radio]{
   display: none;
}

#checkboxes input[type=radio]:checked + .addonsform{
    background-color: #f53e82;
	border: 1px solid #f53e82;
	color: #fff!important;
}

#checkboxes input[type=radio]:checked + .addonsform p{
	color: #fff;
}


.addonsform
{
	width: 100px;
	height: 100px;
	float: left;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-right: 22px;
	margin-bottom: 20px;
	background: #1c1c2e;
}

.addonsform:hover
{
	cursor: pointer;
}

.addonsform:last-child
{
	margin-right: 0;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.addonsform p
{
	text-align: center;
	position: relative;
	float: left;	
}

.smallformtext
{
	font-weight: 300;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	clear: both;
	color: #b1afc3;
}

.bigfromtext
{
	font-weight: 600;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	clear: both;
	color: #fff;
}

.addonsform p span
{
	font-size: 1rem;
	margin: 0;
	padding: 0;
}


.formnopages 
{
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.noinnerpages::-webkit-input-placeholder
{
	color: #f5a031;
	font-weight: 600;
}

.noinnerpages
{
	background: #fff;
	width: 50px!important;
	padding-left: 20px;
	margin: 0;

	float: left;
	margin-right: 10px;
}

.of-os-addons-container
{
	width: 100%;
	color: #fff;
}

#updateAddon, #pageAddon, #socialAddon, #webspace1gb, #webspace3gb, #webspace8gb, #talk60Addon, #talk120Addon, #talk240Addon
{
	display: none;
	font-size: 1rem;
}

.of-addon-price
{
	font-size: 1rem!important;
	color: #f53e82;
}

#pageAddon p span
{
	font-size: 1rem!important;
	color: #f5a031!important;
}

#socialAddon p span
{
	font-size: 1rem!important;
	color: #f5a031!important;
}

.order-list
{
	width: 71%;
	float: left;
	padding: 0;
	margin: 0;
	color: #fff;
}

.order-list-addons
{
	width: 80%;
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.order-list-addons p
{
	font-size: 1rem;
}

.order-list-addons li
{
	margin-bottom: 20px;
}

.of-os-border-btm
{
	display:flex;
	width:auto;
	height:inherit;
	border-bottom: 1px dashed #5e5e5e;
}

.order-list li
{
	margin-bottom: 20px;
	display: inline-flex;
	width: 100%;
}

.order-list li:after
{
	border-bottom: 1px dashed #5e5e5e;
	content: '';
  	flex: 1;
}

.of-os-price
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 10%;
	color: #f53e82;
}

.of-os-price li
{
	margin-bottom: 20px;
}


#totalPrice
{
}

.of-os-btn-container
{
	width: 100%;
	padding-top: 30px;
	clear: both;
}
/*End of ORDER PAGE*/
/*///////////////////*/

/*////////////PADDINGS & MARGINS///////////*/
.px-padding-top
{
	padding-top: 150px;
}

.px-padding-bottom
{
	padding-bottom: 50px;
}

.px-content-padding
{
	padding-top: 50px;
	padding-bottom: 50px;
}

.px-infinity-prices-header-padding
{
	padding-top: 50px;
}

.px-page-margin
{
	margin-top: 112px;
}

/*End of PADDINGS & MARGINS*/
/*/////////////////////////*/

/*////////////IMAGES///////////*/
.px-responsive-img {
    width:100%;
}

/*End of IMAGES*/
/*/////////////////////////*/

/*////////////TEXT COLORS///////////*/
.px-text-pink
{
	color: #f53e82;
}
.px-text-deep-pink
{
	color: #f53e82;
}

.px-text-light-purple
{
	color: #b1afc3;
}
.px-text-infinty-blue
{
	color: #284952;
}


/*End of TEXT COLORS*/
/*/////////////////////////*/

/*////////////BACKGROUND COLORS///////////*/
.px-bg-dark-purple
{
	background-color: #1e1e30;
}

.px-bg-verydark-purple
{
	background-color: #141420;
}
.px-bg-light-purple
{
	color: #b1afc3;
}

.px-bg-infinty-blue
{
	background-color: #284952;
}

.px-bg-infinity-darkblue
{
	background-color: #162f36;
}

.px-bg-grey
{
	background-color: #ececec;
}

/*End of TEXT COLORS*/
/*/////////////////////////*/

/*////////////BUTTONS///////////*/
.px-button
{
	border-radius: 20px;
	border: none;
	color: #fff!important;
	padding: 10px 30px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	background: #b82f85; /* Old browsers */
    background: -moz-linear-gradient(left, #b82f85 0%, #ec3c83 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #b82f85 0%,#ec3c83 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #b82f85 0%,#ec3c83 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82f85', endColorstr='#ec3c83',GradientType=1 ); /* IE6-9 */
}

.px-button:hover
{
	background: #b82f85;
	color: #fff!important;
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}

.px-button-infinity
{
	border-radius: 5px;
	border: none;
	color: #fff!important;
	padding: 10px 30px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	background: #706a67; /* Old browsers */
background: -moz-linear-gradient(left, #706a67 1%, #534b45 55%, #534b45 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #706a67 1%,#534b45 55%,#534b45 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #706a67 1%,#534b45 55%,#534b45 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a67', endColorstr='#534b45',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.px-button-infinity:hover
{
	background: #534B45;
	text-decoration: none;
	color: #fff!important;
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}

.px-button-infinity-small
{
	border-radius: 5px;
	border: none;
	color: #fff!important;
	font-weight: 300;
	padding: 5px 10px;
	cursor: pointer;
	display: inline-block;
	margin-top: 20px;
	background: #706a67; /* Old browsers */
background: -moz-linear-gradient(left, #706a67 1%, #534b45 55%, #534b45 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #706a67 1%,#534b45 55%,#534b45 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #706a67 1%,#534b45 55%,#534b45 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a67', endColorstr='#534b45',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.px-button-infinity-small:hover
{
	background: #534B45;
	text-decoration: none;
	color: #fff!important;
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}

.px-button-nav
{
	border-radius: 50px;
	font-weight: bold;
	border: 2px solid #e63a83;
	color: #fff!important;
	padding: 10px 30px;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 20px;
	background: #141420; /* Old browsers */
   
}

.px-button-nav:hover
{
	background: #e63a83;
	color: #fff!important;
}

.px-btn-center
{
	text-align: center;
}


.px-form-section-header
{
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*End of BUTTONS*/
/*/////////////////////////*/

/*////////////LISTS///////////*/
.px-list-features
{
	padding-top: 50px;
}

.px-list-features li
{
	font-weight: 600;
}

/*End of LISTS*/
/*/////////////////////////*/

/*////////////LINKS///////////*/
/* unvisited link */
a:link {
  color: #534B45!important;
}

/* visited link */
a:visited {
}

/* mouse over link */
a:hover {
}

/* selected link */
a:active {
}

/*End of LINKS*/
/*/////////////////////////*/

/*////////////MEDIA QUERIES///////////*/
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

	.navbar-collapse
	{
		padding: 10px;
		margin-top: 10px;
	}
	

	.px-padding-top
{
	padding-top: 100px;
}

	.px-responsive-text-center h1
	{
		text-align: center;
	}
	
	.px-responsive-text-center h3
	{
		text-align: center;
	}
	
	.px-responsive-text-center p
	{
		text-align: center;
	}
	
	.px-responsive-text-center i
	{
		text-align: center;
	}
	
	.px-contact-form-details
{
	text-align: center;
}
	
	.px-catch-btn-center-responsive
	{
		text-align: center;
	}
	
	.px-catch-img
	{
		display: none;
	}
	
	.px-button-nav
	{
		display: none;
	}
	
	.px-pagebg-administrative{
		background: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/bg_infinity_mobile.jpg);
	}
	
	.px-pagebg-home{
		background: url(http://www.go2infinity.co.za/wp-content/uploads/2018/05/bg_infinity_mobile.jpg);
	}
}

/*End of MEDIA QUIRIES*/
/*/////////////////////////*/


/*////////////TEXT MEDIA QUERIES///////////*/
@media (min-width: 48em) {
	h1 {
	  font-size: 2.441em;
	}
	h2 {
		font-size: 1.953em;
	}
	h3 {
		font-size: 1.563em;
	}
	h4 {
		font-size: 1.25em;
	}
	.display-1 {
		font-size: 6em;
	}
	.display-2 {
		font-size: 5.5em;
	}
	.display-3 {
		font-size: 4.5em;
	}
	.display-4 {
		font-size: 3.5em;
	}
	
}


@media (min-width: 62em) {
	html,
	body {
		font-size: 16px !important;
	}
}
/*End of TEXT MEDIA QUIRIES*/
/*/////////////////////////*/