/* ******************************************
GENERAL
****************************************** */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
	outline: none;
}

:root {
	/*--accent-color: #dea531;*/
	--black-text: #0a0a0a;
	--mint-color: #00c7b1;
	--light-grey-color: #dad9d7; /* ededed */ 
	--bi-first-color: #231f20; /* #d9d9d7;*/
	--bi-second-color: #d9d9d7;
	--atb-first-color: rgb(110, 120, 98);
    --atb-second-color: #CDD1C7;
    --brickwork-first-color: #c6202b;
	/*--accent-color: rgba(0, 199, 177, 1);*/
    --color: 255, 152, 0;
	--accent-color: rgba(var(--color), 1);
    --shadowColor: 0 7px 0 rgba(var(--color), 1),0 14px 0 rgba(var(--color), 1);
    --herobg: rgb(44, 43, 39);
    --titlebarbg:  rgb(24, 24, 24);
    --font1: 'Montserrat', Arial, san-serif;
    --theme-controls-background-color: rgba(26, 26, 26);
}


h1 {
	/*font-family: 'Libre Baskerville', serif;*/
	font-family: var(--font1);
	font-weight: 200;
}

h2 {
	font-family: var(--font1);
	font-weight: 200;
}
h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 300;
}
p {
	/*font-family: 'Roboto', Arial, san-serif;*/
	font-family: var(--font1);
}

a {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #222;
	text-decoration: underline;
}
.fw-500 {
	font-weight: 500;
}
.huge {
	font-family: var(--font1);
	font-size: 50px;
	opacity: 0.7;
	font-weight: 200;
}
.huge-container {
	padding: 100px 100px;
}

.sliding-highlight a {
	box-shadow: inset 0 0 0 0 #ffffff;
    color: #ffffff;
    mix-blend-mode: screen;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.sliding-highlight a:hover {
    box-shadow: inset 600px 0 0 0 #ffffff;
    color: #222;
    mix-blend-mode: screen;
    text-decoration: none;
}
.sliding-highlight-rev a {
	box-shadow: inset 0 0 0 0 var(--black-text);
    color: var(--black-text);
    mix-blend-mode: screen;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.sliding-highlight-rev a:hover {
    box-shadow: inset 600px 0 0 0 var(--black-text);
    color: #fff;
    mix-blend-mode: screen;
    text-decoration: none;
}
.ta-c {
	text-align: center;
}
.ta-r {
	text-align: right;
}
.rel {
	position: relative;
}

/* ******************************************
NAV - MOBILE
****************************************** */
.title-bar-width {
    
}
.title-bar {
	position: relative;
	/*background-color: var(--titlebarbg);*/
	background-color: transparent;
	height: 141px;
	padding: 0;
	z-index: 1;
}
.main-nav {
	padding-top: 50px;
	display: table;
  	margin: 0 auto;
}
.main-nav a {
	color: var(--color); 
}
.position-left {
    width: 100%;
    -ms-transform: translateX(-250%);
    transform: translateX(-250%);
}
.off-canvas {
    transition: transform 0.5s ease-out;
    background: var(--titlebarbg);
}
.off-canvas-content {
    /*background: #222;*/
    position: absolute;
    width: 100%;
}
.doc {
    position: relative;
    padding-top: 10px; 
}
.doc ul{
    text-align: center;
    font-size: 24px; 
}
.doc .close-button {
    padding-top: 20px;
}
.close-button {
    color: #fff;
}
.close-button:focus {
    color: #fff;
}
.close-button:hover {
    color: var(--accent-color); 
}
.logo-large {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.title-bar-title:hover {
    color: var(--accent-color);
}

.title-bar-title {
    cursor: pointer;
}

/* ******************************************
NAV - DESKTOP
****************************************** */

.menu > li > a {
	display: inline-block;
	color: white;
	font-size: 0.8em;
	text-transform: uppercase;
}
.menu > li > a:hover {
	/* background-color: rgba(255,255,255,0.1);
	color: var(--accent-color);*/
}
.menu-icon::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	-webkit-box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
	box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
	content: "";
}
.menu-icon:hover::after {
    background: var(--accent-color);
    -webkit-box-shadow: var(--shadowColor);
    box-shadow: var(--shadowColor);
}
.title-bar-left {
	min-width: 101px;
}
.title-bar-right {
	min-width: 120px;
}
.title-bar-logo, .title-bar-left > a {
	color: white;
	
}
.title-bar-left > a:hover {
	color: var(--accent-color);
	text-decoration: none;
}
.hamburger {
	display: block;
	cursor: pointer;
	width: 20px;
 	height: 21px;
 	float: right;
}
.hamburger div{
  width: 20px;
  height: 2px;
  background-color: white;
  margin-bottom: 5px;
}
.hamburger:hover div  {
	background-color: orange;
}
.hamBlack div{
  width: 20px;
  height: 2px;
  background-color: black;
  margin-bottom: 5px;
}
.logoBlack {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.stf[attribute="data-options"]{
	data-options: marginTop:1!important;
}
.img-hori {
	text-align: center;
}
#logo, .logo-small {
	height:100px;
	width:101px;
}
.title-bar-center {
	text-align: center;
}
.title-bar-center a {
	color: var(--black-text);
	text-decoration: none;
	font-size: 0.8em;
	padding: 10px;
	text-transform: uppercase;
}
.above-menu-right {
	display: block;
  	margin-top: auto;
  	margin-bottom: auto;
  	text-align: right;
	padding-top: 10px;
}
.above-menu-left {
	display: block;
  	margin-top: auto;
  	margin-bottom: auto;
  	text-align: left;
	padding-top: 20px;
}
.above-menu-right p {
	text-transform: uppercase;
	font-size: 0.6em;
	color: var(--black-text);
	opacity: 1!important;
}
.above-menu-right a {
	color: var(--black-text);
}
#navbar, #logo {
  transition: 0.3s;
}


/* ******************************************
FOOTER
****************************************** */

footer {
	background-color: #333;
	padding: 60px 0px 10px 0px;
}

footer h3 {
	color: rgba(255,255,255,0.8);
	font-size: 1.3em;
	padding-top: 20px;
}

footer hr {
	border-color: rgba(255,255,255,0.1);
	margin: 10px 0;
}

footer p {
	color: rgba(255,255,255,0.8);
	font-size: 1.1em;
}

footer a {
	color: rgba(255,255,255,0.8);
}

footer span {
	font-weight: bold;
	color: rgba(255,255,255,0.3);
}

footer a:hover {
	color: var(--accent-color);
}
.fs > i.fa:hover {
    color: var(--accent-color);
}
.footer-small{
	color: #999;
	font-size: 12px;
	text-align: center;
}
.footer-small a {
	color: rgba(255,255,255,0.3);
}
.footer-small hr {
	display: block;
	min-width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px solid #999;
    padding: 0;
}
.copyright {
	position: absolute;
  	bottom: 0;
  	padding-right: 6.6rem;
}
.copyright p, .copyright a {
	color: #747679;
}
.pad-foot {
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.copy-black p, .copy-black a {
	color: #747679;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
}

/* ******************************************
NEW
****************************************** */

.pad-b1 {
	padding-bottom: 160px;
}
.pad-t1 {
	padding-top: 160px;
}
.pad-b2 {
	padding-bottom: 80px;
}
.pad-t2 {
	padding-top: 80px;
}
.pad-b3 {
	padding-bottom: 40px;
}
.pad-t3 {
	padding-top: 40px;
}
.pad-b4 {
	padding-bottom: 20px;
}
.pad-t4 {
	padding-top: 20px;
}
.pad-r2 {
	padding-right: 40px;
}
.pad-l2 {
	padding-left: 40px;
}
.mar-r1 {
	margin-right: 10px;
}
.mar-l2 {
	margin-left: 40px;
}
.mar-r2 {
	margin-right: 40px;
}
.but-mar {
	margin: 2rem 0 1rem 0;
}
.bg-black {
	background: #1b1b1e;
	color: #fff;
}
.bg-black p, h3, h4, h5, h6 {
	opacity: 0.7;
}
.bg-333 {
	background: #333;
}
.bg-white {
	background: #fff;
	color: #1b1b1e;
}
.bg-white-left {
	background: linear-gradient(to left, transparent 50%, #fff 50%);
}
.bg-white p, h3, h4, h5, h6 {
	opacity: 0.7;
}
.bg-grey {
	background: #a9a7a7;
	color: #fff;
}
.bg-grey-2 {
	background: #ebebeb;
	color: var(--black-text);
}
.bg-grey-3 {
	background: #d9d9d7;
	color: var(--black-text);
}
.bg-grey-light {
	background: var(--light-grey-color);
	color: #fff;
}
.bg-bi-colour {
	background: var(--bi-first-color);
	color: #fff;
}
.colour-bi {
	color: var(--bi-first-color);
}
.bg-atb {
	background: var(--atb-first-color);
	color: #fff;
}
.colour-atb {
	color: var(--atb-first-color);
}
.bg-brickwork {
	background: var(--brickwork-first-color);
	color: #fff;
}
.bg-issuu {
	background: var(--theme-controls-background-color);
	color: var(--black-text);
}
.bg-gold {
	background: #c6bcb3;
	color: #fff;
}
.bg-dot {	
	background: url(/assets/site/dot_bg_1.png) #36c5ca;
	background-repeat: repeat;
	color: #ffffff;
}
.bg-bi-web {
    background: url(/assets/img/bi-web-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*box-shadow: inset 0 0 11.8px hsl(0deg 0% 0% / 0.62); 
     box-shadow: inset 5.9px 11.8px 11.8px hsl(0deg 0% 0% / 0.32);*/
}
.shad {
	box-shadow: 5.9px 11.8px 11.8px hsl(0deg 0% 0% / 0.32);
}
.bg-subscribe {
    position: relative;
    min-height: 523px;
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),

    url('../assets/site/subscribe.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-bi {
	position: relative;
	background: linear-gradient(
      rgba(0, 0, 0, 0.25), 
      rgba(0, 0, 0, 0.25)
    ),url(/assets/img/building-innovations-magazine-1.jpg);
	min-height: 523px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-bi-2 {
	position: relative;
	background: url(/assets/img/building-innovations-magazine-1.jpg);
	min-height: 363px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-bi-3 {
	position: relative;
	background-color: var(--light-grey-color);
	background-image: url(/assets/img/bi-tablet-1.png);
	min-height: 363px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-bi-4 {
	position: relative;
	background: url(/assets/img/bi-web-bg.jpg);
	min-height: 523px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box-shad {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
}
.per-h {
	min-height: 1000px;
}
.wrapper {
  perspective: 1000px;
  width: 64em;
  position: absolute;
  top: -190px;  
}

.wrapper:hover .inner {
  /* transform: rotate(0); */
}

.inner {
  transition: .3s; 
  transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg);
}
.inner figure {
  width: 30em;
  padding: 1em;
  display: inline-block;
  margin-right: 1em;
  
}
.inner img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}


.is-dropdown-submenu {
	min-width: 237px;
    border: 0;
    background: url(/assets/site/dot_bg_1.png) #36c5ca;
}
.white, .white:hover {
	color: #fff;
}
hr {
    border: none;
    height: 1px;
    margin: 3px 3px;
    background-color: #222;
}
hr.hr-small {
    width: 40px;
    height: 2px;
    margin-bottom: 20px;
    margin-left: auto;
	margin-right: auto;
    background: var(--black-text);
    border: none;
}
hr.hr-small-left {
    width: 40px;
    height: 1px;
    margin-bottom: 20px;
	margin-right: 100%;
    background: var(--black-text);
    border: none;
}

hr.white {
    background: #fff;
}
hr.hr-footer {
	background: #4d4e53;
	margin: 10px 0 20px 0;
}
.border-tb {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.border-tb p {
	padding-top: 15px;
}
.line-h {
	font-size: 40px;
	font-weight: 100;
	padding-left: 20px;
}
.button {
	font-family: var(--font1);
	font-weight: 600;
}

.button.hollow {
    border: 2px solid #000000;
    color: #000000;
}
.button.hollow:focus, .button.hollow:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
}
.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
    background-color: var(--black-text);
    color: #fff;
}
.button:focus, .button:hover {
    background-color: #fff;
    color: var(--black-text);
}
.but-for {
	background-color: transparent;
	border: 1px solid var(--black-text);
    color: var(--black-text);
    opacity: 0.7;
}
.but-for:focus, .but-for:hover {
    background-color: var(--black-text);
	border: 1px solid var(--black-text);
    color: #fff;
    opacity: 1;
}
.but-rev {
	background-color: transparent;
	border: 1px solid #fefefe;
    color: #fefefe;
    mix-blend-mode: screen;
    opacity: 0.7;
}
.but-rev:focus, .but-rev:hover {
    background-color: #fefefe;
	border: 1px solid #fefefe;
    color: var(--black-text);
    opacity: 1;
}
.pad-foot .but-rev {
    opacity: 1;
}

.menu-sub {
	background-color: var(--accent-color);
    color: #fff;
	margin: 0 25px 0 0;
	padding: 27px 25px;
}

.menu .button, .menu a {
     padding: 0.75rem 1rem;
}


a[href^=tel] {
	text-decoration: inherit;
	color: inherit;
}

.full-bg, .full-overlay {
	/*background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: rgb(255, 255, 255);
	background-size: cover;
	transition: background-size .25s, visibility .25s ease-in;
	/*transition: transform .25s, visibility .25s ease-in;*/
	height: 600px;
}
.hero-rel {
	position: relative;
	height: 700px;
}
.hero-text {
    position: absolute;
 	bottom: 100px;
	left: 20px;
}
.hero-link {
    position: absolute;
 	bottom: 100px;
	right: 20px;
	z-index: 3;
}
.pad-nav {
	padding-top: 30px;
}
.just {
	line-height: 1.5;
	text-align: justify;
}
hr.dotted {
  	border-top: 3px dotted var(--black-text);
    height: 1px;
    margin: 20px 0;
    background-color: transparent;
}
.op100 {
	opacity: 1;
	font-weight: 400;
}
.grid-border {
	position: absolute;
	top: 30px;
	left: 50%;
  	transform: translate(-50%, 0px);
	width: 100%;	
	border: 1px solid rgba(255, 255, 255, .3);
	padding-right: .625rem;
	padding-left: .625rem;
	max-width: 95rem;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}
.social-space a {
	margin-left: 6px;
	text-decoration: none;
}
.social-space-footer a {
	margin-right: 6px;
	text-decoration: none;
}
.quote:before {
    content: "\2018";
    position: absolute;
    top: 0;
    left: 0;
}
.quote, .quote-head {
	font-size: 32px;
	line-height: 1.4;
}
.quote-by {
    font-size: 16px;
}

iframe {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch;
}
.controls-box {
	display: none!important;
}
.controls-footer {
	display: none!important;
}
.remove {
	display: none!important;
	height: 0px;
}
.b-b {
  	border-bottom: 1px solid var(--light-grey-color);
}
.b-t {
	border-top: 1px solid var(--light-grey-color);
}
.b-r {
	border-right: 1px solid var(--light-grey-color);
}
.b-l {
	border-left: 1px solid var(--light-grey-color);
}


.b-section-panel__content {
    position: relative;
    padding: 13.5% 40px 13.5% 0;
    width: 100%;
    max-width: 1320px;
}
.b-section-panel__border {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 94%;
    height: 100%;
    pointer-events: none;
    opacity: .5;
}
.b-section-panel__border-line {
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    opacity: 0;
    stroke-dasharray: 3800;
    stroke-dashoffset: 3800;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.wf-active .b-section-panel--loads-first .b-section-panel__border-line {
    animation: lineDrawIn 8s cubic-bezier(.22,.61,.36,1) forwards;
}

.partial-border {
  position:relative;
  display:inline-block;
  margin: 30px 0;
}
.partial-border:before, .partial-border:after{
  content:'';
  position:absolute;
  right: -15px; left:20%;
  height:50px;
  border-left:1px solid #000;
}
.partial-border:before{
  top:0;
  border-top:1px solid #000;
}
.partial-border:after{
  bottom:0;
  border-bottom:1px solid #000;
}
.cen-ali {
	position: absolute;
  	top: 50%;
  	transform: translate(0, -50%);
}


.partial-border-right {
  position:relative;
  display:inline-block;
  
}
.partial-border-right:before, .partial-border-right:after{
  content:'';
  position:absolute;
  right: 4%; left:0;
  height: 80%;
  margin: 30px 0;
  border-right:1px solid #fff;
}
.partial-border-right:before{
  top:0;
  border-top:1px solid #fff;
}
.partial-border-right:after{
  bottom:0;
  border-bottom:1px solid #fff;
}

.product22 h1 {
	font-size: 4.625rem;
	letter-spacing: -.3125rem;
	line-height: 5.125rem;
	color: #71d1cb;
	font-weight: 700;
}


/* ******************************************
TICKER
****************************************** */

.ticker {
	margin: 0 0 20px 0;
}
.ticker-title {
	padding-top: 30px;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


.ticker-heading {
    position: absolute;
    background: #222;
    display: block;
    left: 0;
    top: 0;
    height: 2.5rem;
    padding: 11px 40px;
    z-index: 2;
    color: white;
    text-transform: uppercase;
    font-size: 0.875rem;
}
.ticker-wrap .ticker__item:before {
    content: '';
    height: 11px;
    width: 11px;
    display: inline-block;
    background-color: #222;
    border-radius: 100%;
    position: relative;
    margin-right: 15px;
}

.ticker-heading:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #222;
    position: absolute;
    margin-left: 40px;
}

.ticker-wrap {
  position: relative;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 2.5rem;
  background-color: #f9f9f9; 
  padding-left: 100%;
  border-bottom: 1px solid #b3b3b3;
  box-sizing: content-box;
.ticker:hover {
 -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;  
  animation-play-state: paused;
  }
  .ticker {

    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 40s;
            animation-duration: 40s;

  }

}
.ticker__item {
	display: inline-block;
    padding: 0 2rem;
    font-size: 0.875rem;
    color: #222;
}

 
/* ******************************************
MEDIA QUERY
****************************************** */

/* Small only */
@media screen and (max-width: 39.9375em) {
	.title-bar-left > a {
		padding-left: 2px;
		font-size: 14px;}
	.menu-sub {
		margin: 0 14px 0 0;
		padding: 27px 15px;}
	.full-bg, .full-overlay {
		height: 500px;
	}
	.hero-rel {
		height: 500px;
	}
	.hero-link, .hero-text {
	    position: absolute;
	}
	.hero-text {
		top: 170px;
	}
	.hero-link {
		top: -70px;
		left: 20px;
	}
	.quote {
		text-align: left;
	}

}

/* Small and Medium only */
@media screen and (max-width: 63.9375em) {
    .pad-footer {
		padding-left: 4.6rem;
		padding-right: 4.6rem; }
	.pad-foot {
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		padding-left: 30px;
		padding-right: 30px; }
	.pad-b2 {
		padding-bottom: 2rem; }
	.pad-t2 {
		padding-top: 2rem; }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
	.pad-footer {
	 	padding-left: 6.6rem;
		padding-right: 6.6rem; }
	.grid-container {
		padding-right: .625rem;
		padding-left: .625rem;
		max-width: 90rem;
		margin-left: auto;
		margin-right: auto; }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media (max-width: 639px) {}

@media screen and (min-width: 40em) {  
	h1 {
	  font-size: 2.5rem; }
	h2 {
	  font-size: 1.9375rem; }
	h3 {
	  font-size: 1.5625rem; }
	h4 {
	  font-size: 1.25rem; }
	h5 {
	  font-size: 1.0625rem; }
	h6 {
	  font-size: 1rem; }	
}