.tile-sections, .socialIcon-list {
  display: block;
  margin: 0;
  padding: 0; }
  .tile-sections > li, .socialIcon-list > li {
    display: inline-block; }

.page-logo-wrapper {
  -webkit-clip-path: circle(50% at center);
          clip-path: circle(50% at center); }

/*  Typography

    Follows the principles of:
     * modular scale 
     * vertical rhythm (http://webtypography.net/2.2.2)
*/
html {
  font-size: 125%; }

h1, h2, h3 {
  font-family: "Lato", Helvetica, sans-serif;
  font-weight: 900; }

h1 {
  font-size: 4.2358rem;
  line-height: 6rem;
  margin-bottom: 0;
  margin-top: 4.5rem; }
  h1:first-child, h1.first-child {
    margin-top: 0; }

h2 {
  font-size: 2.61792rem;
  line-height: 3rem;
  margin-bottom: 0;
  margin-top: 3rem; }
  h2:first-child, h2.first-child {
    margin-top: 0; }

h3 {
  font-size: 1.618rem;
  line-height: 3rem;
  margin-bottom: 0;
  margin-top: 3rem; }
  h3:first-child, h3.first-child {
    margin-top: 0; }

body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Roboto", Arial, sans-serif;
  padding: 0; }

p, ul, ol {
  margin-top: 1.5rem;
  margin-bottom: 0; }

h1 + ul, h2 + ul, h3 + ul {
  margin-top: 0; }

/*  Typography

    Follows the principles of:
     * modular scale 
     * vertical rhythm (http://webtypography.net/2.2.2)
*/
html {
  font-size: 125%; }

h1, h2, h3 {
  font-family: "Lato", Helvetica, sans-serif;
  font-weight: 900; }

h1 {
  font-size: 4.2358rem;
  line-height: 6rem;
  margin-bottom: 0;
  margin-top: 4.5rem; }
  h1:first-child, h1.first-child {
    margin-top: 0; }

h2 {
  font-size: 2.61792rem;
  line-height: 3rem;
  margin-bottom: 0;
  margin-top: 3rem; }
  h2:first-child, h2.first-child {
    margin-top: 0; }

h3 {
  font-size: 1.618rem;
  line-height: 3rem;
  margin-bottom: 0;
  margin-top: 3rem; }
  h3:first-child, h3.first-child {
    margin-top: 0; }

body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Roboto", Arial, sans-serif;
  padding: 0; }

p, ul, ol {
  margin-top: 1.5rem;
  margin-bottom: 0; }

h1 + ul, h2 + ul, h3 + ul {
  margin-top: 0; }

/*
    ($color-accent-2, 20%)
    ($color-primary, 50%)
    ($color-accent-1, 110%)
*/
/*
    Page Sections
*/
.page-header, .page-footer, .page-section {
  min-height: 80vh;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .page-header::before, .page-footer::before, .page-section::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px; }

.page-header-inner, .page-footer-inner, .page-section-inner {
  z-index: 2; }

.page-header::before, .page-section:nth-of-type(even)::before {
  transform: perspective(20rem) rotateY(1deg);
  transform-origin: right center; }

.page-footer, .page-section--slim {
  min-height: 40vh; }

.page-header-inner, .page-footer-inner {
  text-align: center; }

/* Page Header */
.page-header {
  color: #fff; }
  .page-header::before {
    z-index: 1;
    background-color: #C45140;
    background-image: radial-gradient(ellipse farthest-corner at 100% 100%, rgba(245, 239, 238, 0.08) -10%, rgba(245, 239, 238, 0.08) 17.5%, rgba(221, 160, 151, 0.08) 17.5%, rgba(221, 160, 151, 0.08) 45%, rgba(196, 81, 64, 0.08) 45%, rgba(196, 81, 64, 0.08) 72.5%, rgba(141, 74, 63, 0.08) 72.5%, rgba(141, 74, 63, 0.08) 100%, rgba(86, 66, 62, 0.08) 100%), radial-gradient(ellipse farthest-corner at 100% 100%, #f5efee -10%, #C45140 45%, #56423E 100%); }

/* Page Footer */
.page-footer {
  background-color: #f5efee; }

.page-footer-copyright {
  font-size: 0.61805rem;
  line-height: 1.5rem;
  margin-bottom: 0;
  margin-top: 1.5rem; }
  .page-footer-copyright:first-child, .page-footer-copyright.first-child {
    margin-top: 0; }

/* Page Sections */
.page-section:nth-of-type(even) {
  color: #fff; }
  .page-section:nth-of-type(even)::before {
    z-index: 1;
    background-color: #C45140; }

.page-section:nth-of-type(odd) {
  color: #fff; }
  .page-section:nth-of-type(odd)::before {
    z-index: 0;
    background-color: #2F4858; }

/*
Page Logo
*/
.page-logo-wrapper {
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto; }
  .page-logo-wrapper::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.page-logo {
  width: 100%;
  height: auto;
  display: block; }

/*
Page Title
*/
.page-title {
  margin-top: 0; }

.page-title-image {
  max-width: 100%;
  height: auto; }

/* Page Blocks */
.page-block-text, .page-block-wide {
  margin-left: auto;
  margin-right: auto; }

.page-block-text {
  max-width: 40rem; }

.page-block-wide {
  max-width: 60rem; }

.tile-sections {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5rem -1.5rem; }

.tile-section {
  flex: 1 1 auto;
  margin: 1.5rem;
  padding: 1.5rem;
  background-color: rgba(245, 239, 238, 0.1);
  color: #fff; }

.socialIcon-list {
  margin-top: 0.375rem; }

.socialIcon-link {
  color: #2F4858; }
  .socialIcon-link:hover {
    color: #1c7989; }
  .socialIcon-link:active {
    color: #1391a2; }

*, *::before, *::after {
  box-sizing: border-box; }