/*
Theme Name: Sarah and Brett 2020
Text Domain: sarahandbrett
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Custom theme for our wedding weekend, November 14, 2020 in the Texas hill country
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: #ffffff;
	box-sizing: border-box;
	color: #000;
	font-family: sofia-pro, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	letter-spacing: -0.015em;
	text-align: left;
}

@supports ( font-variation-settings: normal ) {

	body {
		font-family: sofia-pro, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

#site-content {
	overflow: hidden;
}


/* Clearing ---------------------------------- */

.group::after,
.entry-content::after {
	clear: both;
	content: "";
	display: block;
}


/* Base Transitions -------------------------- */

a,
path {
	transition: all 0.15s linear;
}


/* Screen Reader Text ------------------------ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}


/* Fonts ------------------------------------- */

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the classic editor and
 * block editor. The following font-face override fixes the issue by manually
 * inserting a custom font that includes just a Hoefler Text space replacement
 * for that character instead.
 */
@font-face {
	font-family: NonBreakingSpaceOverride;
	src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}

/* ----------------------------------------------
Inter variable font. Usage:

@supports (font-variation-settings: normal) {
	html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: normal;
	font-display: swap;
	src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
}

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: italic;
	font-display: swap;
	src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
}

/* -------------------------------------------
Theme fonts
---------------------------------------------- */

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/recoleta/latinotype_-_recoleta_medium-webfont.woff2') format('woff2'),
         url('../fonts/recoleta/latinotype_-_recoleta_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/recoleta/latinotype_-_recoleta_semibold-webfont.woff2') format('woff2'),
         url('../fonts/recoleta/latinotype_-_recoleta_semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/recoleta/latinotype_-_recoleta_regular-webfont.woff2') format('woff2'),
         url('../fonts/recoleta/latinotype_-_recoleta_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Bourton';
    src: url('../fonts/bourton/kimmy_design_-_bourtonbase-webfont.woff2') format('woff2'),
         url('../fonts/bourton/kimmy_design_-_bourtonbase-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Colour Palette -------- */


.green { color: #374A3C; }
.gold { color:	#C89720; }
.blush { color:	#F18C74; }
.pink { color: #D6B9B1; }
.gray { color: #CCC; }

.blush-bg .container {
	background: #F18C74;
	color: #FFF;
}
.gray-bg .container {
	background: #f7f7f7;
	color: rgb(59, 59, 59);
}
.green-bg .container {
	background-color: #374A3C;
	color: #FFFFFF;
}
.white-bg .container {
	background-color: #FFF;
}

body {
	color: #374A3C;
}


/* ----------------------- */



/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {

	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}


/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */


main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	line-height: 1.25;
	margin: 3.5rem 0 2rem;
}

h1,
.heading-size-1 {
	font-family: 'alverata',sans-serif;
	font-size: 5.2rem;
	font-weight: 400;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 3.2rem;
}

h3,
.heading-size-3 {
	font-family: 'alverata', Georgia, serif;
    font-weight: 800;
    font-size: 4.2rem;
    letter-spacing: -0.3px;
    line-height: 1.14;
}

h4,
.heading-size-4 {
	font-weight: 600;
	font-size: 2.4rem;
}

h5,
.heading-size-5 {
	font-size: 1.6rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

h6,
.heading-size-6 {
	/*font-family: 'alverata', Georgia, serif;*/
	font-weight: 800;
	font-style: italics;
	font-size: 1.8rem;
}

.kicker {
	margin-top: 0;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

em,
i,
q,
dfn {
	font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	border-color: #cccccc;
	margin: 4rem 0;
}

.entry-content hr,
hr.styled-separator {
	background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
	background-color: transparent !important;
	border: none;
	height: 0.1rem;
	overflow: visible;
	position: relative;
}

.entry-content hr:not(.has-background),
hr.styled-separator {
	color: #6d6d6d;
}

.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
	background: currentColor;
	content: "";
	display: block;
	height: 1.6rem;
	position: absolute;
	top: calc(50% - 0.8rem);
	transform: rotate(22.5deg);
	width: 0.1rem;
}

.entry-content hr::before,
hr.styled-separator::before {
	left: calc(50% - 0.5rem);
}

.entry-content hr::after,
hr.styled-separator::after {
	right: calc(50% - 0.5rem);
}

a {
	color: #C89720;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #C89720;
	text-decoration: none;
}


/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 3rem 3rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	padding: 0 0 0.5rem 2rem;
	position: relative;
}
.social-links li {
	list-style: none;
}
.social-links li:before {
	display: block;
    content: " ";
    height: 1px;
    width: 24px;
    background-color: #8a8a8a;
    position: absolute;
    left: -16px;
    top: .75em;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote {
	border-color: #cd2653;
	border-style: solid;

	/*rtl:ignore*/
	border-width: 0 0 0 0.2rem;
	color: inherit;
	font-size: 1em;
	margin: 4rem 0;

	/*rtl:ignore*/
	padding: 0.5rem 0 0.5rem 2rem;
}

cite {
	color: #6d6d6d;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

blockquote cite {
	display: block;
	margin: 2rem 0 0 0;
}

blockquote p:last-child {
	margin: 0;
}


/* Buttons ----------------------------------- */

.btn {
	border-width: 0;
	border-radius: 2rem;
	padding-left: 1rem; padding-right: 1rem;
	background: #3c9880;
	color: #FFFFFF;
	text-shadow: none;
	font-size: 0.8em;
	text-transform: lowercase;
	font-weight: 800;
	text-decoration: none;
	padding-top: 0.2rem;
}
.btn:focus {
	color: #FFF;
}
.btn-primary {
	
}
.btn-primary:hover, .btn-primary:focus {
	background: #CCC;
	color: #666;
}
.btn-sm {
	
}
.btn-lg {
    text-decoration: none;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 20px 14px;
	margin: 0 20px 20px 0;
}

/* Forms ------------------------------------ */

.form-control {
	font-size: 1em;
	height: calc(1.5em + .75rem + 12px);
}

.input-group>.form-control:first-child {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding-left: 1em;
}

/* Layout ------------------------------------ */

.inner {
	max-width: 960px;
	margin: 0 auto;
}

.hero {
	text-align: center;
	padding: 0;
}

.hero .statement {
	margin-bottom: 50px;
}

.hero-image {
	/*position: relative;*/
	margin: 0;
}

.hero-image img {
	width: 100%;
	height: auto;
}
figure.hero-image:after {
    background-color: #efebe8;
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -9;
    right: 0;
    top: 0px;
	transform: skewY(-15deg) scale(2);
}
.trip-header {
	margin-top: 4em;
}

.description {
	margin: 2rem 0;
}

.bigbend figure.hero-image:after {
	transform: skewY(0deg) scale(2.5) translate(-100px, 20px);
	background: url(../img/bigbend_topo.jpg);
	background-size: cover;
	opacity: 0.25;
}
.guadalupe figure.hero-image:after {
	transform: skewY(0deg) scale(2.5) translate(-100px, 20px);
	background: url(../img/guadalupe_topo.jpg);
	background-size: cover;
	opacity: 0.25;
}

.tile {
	padding: 5vh 0 0;
}
.tile .container {
	padding: 5vw;
	overflow: hidden;
}
.tile.footer .container {
	padding: 0;
}
.tile .header {
	margin-top: .25em;
}
.tile p {
	/* max-width: 460px; */
}

.container {
	position: relative;
}
.background {
	min-width: 100%;
	min-height: auto;
}
.overlay {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
	right: 0;
	padding: 30px
}
.overlay > .row {
	height: 100%;
}

.tile.tile--img > * {
	padding: 0;
}
.tile.tile--img .container {
	padding: 0;
}
.tile figure {
	overflow: hidden;
}
.tile figure img {
	max-width: 100%;
	height: auto;
}

.soldout {
	opacity: 0.5;
}

.align-self-end .tile-copy {
	margin-bottom: 4em;
}

.inner-content {
	/* margin: 20px; */
}

hr {
	border-color: #eaeaea;
}
.footer {
	color: #908481;
	padding: 20px;
}

.footer a {
	color: #908481;
}
.footer .social-links {
	margin: 0;
	padding: 0;
}
.footer .social-links li {
	display: inline-block;
	font-size: 1.6rem;
	margin-left: 2.2rem;
	
}
.footer .social-links li:first-child:before {
	display: none;
}



/* -------------------------------------------------------------------------- */

/*	3. Site Header
/* ---------------------------------------------*---------------------------- */


.masthead {
	padding: 2.5vh 0;
	z-index:99;
	position: relative;
}
.masthead .logo {
	margin: 40px auto;
	width: 180px;
}
.masthead .logo img {
	width: 100%;
	height: auto;
}
.masthead .nav {
	margin-left: 0;
}

/* Modifiers */

.header--inner .masthead{
	display: flex;
}
.header--inner .masthead .logo {
	margin: 3rem 1rem 3rem 0;
	width: 180px;
}
.header--inner .masthead .nav {
	margin-left: 3rem;
}

.nav li:first-child {
	padding-left: 0;
}

.nav li a {
	color: rgba(0,0,0,.75);
	text-decoration: none;
}
.nav li.active a {
	
}


/* -------------------------------------------------------------------------- */

/*	4. Media Queries
/* ---------------------------------------------*---------------------------- */


@media (max-width: 767px) {

	.main {
		font-size: 1.6rem;
	}

	.header--inner .masthead{
		display: block;
	}
	.header--inner .masthead .nav {
		margin-left: 0;
		display: flex;
		justify-content: center;
	}
	.header--inner .masthead .logo {
		margin: 40px auto;
	}

	
	.hero {
		text-align: center;
		padding: 0;
	}
	.overlay { 
		position: relative;
	}
	.tile {
	    padding: 15px;
	}
	.tile .container {
		padding: 40px;
	}
	.tile.footer .container {
		padding: 0;
	}

	.trip-header {
		margin-top: 2rem;
	}

	.bigbend figure.hero-image:after,
	.guadalupe figure.hero-image:after {
		transform: scale(4) translateY(-75px);
	}

	p {

	}
	.main ul li {
		padding: 0 0 0.5rem 0.5rem;
	}
	
	h1, h2, h3, h4, h5, h6, .faux-heading {
		margin: 2rem 0 1rem;
	}

	h1,
	.heading-size-1 {
		font-size: 3.6rem;
	}

	h2,
	.heading-size-2 {
		font-size: 2.2rem;
	}

	h3,
	.heading-size-3 {
		font-size: 3.0rem;
	}

	h4,
	.heading-size-4 {
		font-size: 2.0rem;
	}

	h5,
	.heading-size-5 {
		
	}

	h6,
	.heading-size-6 {

	}

	.footer, .footer .social-links li {
		font-size: 1.4rem;
	}
	.footer .social-links li { 
		display: block;
	}
	.footer .social-links li:before {
		display: none;
	}
	
}