/* CSS Document for Screens */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Katibeh:400');
* {
  box-sizing: border-box;
}
html {
  background-color: #dde0cf
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555;
  margin: 0;
  padding: 0;
}
strong {
  font-weight: 700;
}
#page {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
} /*max-width set to width of banner image*/
.home-page #content {
  background-image: url(../images/seamlessbg.jpg);
  background-size: 100%;
}
/* Global Styles */
/* Text */
h1 {
  margin: 0 0 1em 0;
  font-family: 'Katibeh', cursive;
  font-size: 3.8em;
  font-weight: 400;
}
h2 {
  margin: 0 0 .5em 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3em;
  color: #6e888a;
}
h3 {
  margin: 0 0 .5em 0;
  font-size: 1.3em;
  font-weight: 700;
}
.sub-page h3 {
  color: #b31640;
}
.how-to-refer-page h3 {
  color: #6e888a;
}
h4 {
  margin: 0 0 1.5em 0;
  font-size: 1em;
  font-weight: 700;
}
p {
  margin: 0 0 1em 0;
}
a {
  color: #555;
}
a:visited {
  color: #65b1ff;
}
a:hover {
  color: #b31640;
}
a.btn {
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  color: #b31640;
  border: 1px solid #6e888a;
  padding: 4px 15px;
  background-color: rgba(120, 172, 175, .3);
  transition: background-color .5s;
}
a.btn:hover {
  color: #f1f5e1;
  background-color: rgba(134, 227, 230, .3);
} /*psuedo-class element*/
/* Segmented Styles */
/* Header */
#page.sub-page {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  background-image: url(../images/seamlessbg.jpg);
  background-size: 100%;
} /*max-width set to width of banner image*/
.home-page header {
  background: url(../images/banner_1200.jpg) no-repeat center top transparent;
  background-size: cover;
  position: relative;
} /*height set to height of hero image*/
.sub-page header {
  background-color: rgba(182, 224, 227, 0.3);
  background-image: none;
}
header a.logo {
  z-index: 1; /*logo remains visible and ontop*/
  display: block;
  width: 203px;
  height: 240px; /*match size of logo image - logo-u145334.png. Testing SVG resized to 70% from original*/
  background: url(../images/logotest.svg) no-repeat 0 0; /*position the graphic upper left hand corner to upper left hand corner of this logo element*/
  background-size: contain; /*proportionally scale and fill the entire element with the logo */
  margin: 30px 0 0 30px;
}
header a.logo span {
  display: none;
}
.home-page .hero {
  width: 45%;
  padding-left: 30px;
  padding-bottom: 60px;
} /* Overview paragraph moved to the left */
.home-page .hero h1 {
  line-height: 1em;
  margin: 0 0 10px 0;
  color: #6e888a;
}
.home-page .hero h2 {
  font-weight: 300;
  margin: 0 0 20px 0;
  color: #555;
}
.sub-page .intro {
  padding-bottom: 30px;
}
.sub-page div.hero {
  padding: 0 53% 0 0;
  background-image: url(../images/AdobeStock_120573669.jpg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top right;
  min-height: 400px;
}
.services-page.sub-page div.hero {
  background-image: url(../images/AdobeStock_120573669.jpg);
}
.playtherapy-page.sub-page div.hero {
  background-image: url(../images/AdobeStock_105444442.jpg);
}
.about-page.sub-page div.hero {
  background-image: url(../images/Nicole.jpg);
}
.resources-page.sub-page div.hero {
  background-image: url(../images/AdobeStock_97852237.jpg);
}
.contact-page.sub-page div.hero {
  background-image: url(../images/AdobeStock_46080357.jpg);
}
.image-right {
	float: right;
	margin: 1em 0 1em 2em;
	max-width: 100%;
}
.profile + .profile {
	margin-top: 7vw;
}
.sub-page div.hero h1,
.intro-text h1,
.section-title {
  line-height: 1em;
  margin: 0 0 10px 0;
  color: #6e888a;
}
.sub-page div.hero h2,
.intro-text h2,
.section-subtitle {
  font-weight: 300;
  margin: 0 0 20px 0;
  color: #555;
  font-size: 1.5em;
  line-height: 1.45;
}
.about-page.sub-page div.hero h3 {
  font-weight: 300;
  color: #555;
  font-size: 1.5em;
}
.services-intro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 5vw;
}
.services-intro-text,
.services-intro #blockquote,
.services-image {
	width: 46%;
}
.services-image:first-of-type,
.services-intro #blockquote {
}
.services-intro-text,
.services-intro #blockquote {
	margin-right: 5%;
}
.services-image {
	object-fit: contain;
}
.sub-page div.hero ul,
.services-intro ul {
  padding: 0px 0px 0px 30px;
  height: auto;
}
.sub-page div.hero li,
.services-intro li {
  line-height: 1.2em;
  font-size: 1.3em;
  padding: 0;
  margin: 0 0 1em 0;
}
.sub-page div.hero li span,
.services-intro li span {
  font-weight: 300;
  font-size: 0.7em;
  font-style: italic;
}
.sub-page.playtherapy-page div.hero h2 {
  font-size: 1.3em;
}
.sub-page.resources-page div.hero h3 {
  font-weight: 700;
}
.sub-page.resources-page div.hero li {
  margin-bottom: 0;
  line-height: unset;
}
.services-image  {
	max-width: 100%;
}
.services-image + .service-image {
	margin-top: 5vw;
}
/* Profiles */
.profile .intro {
	display: flex;
	grid-column-gap: 5vw;
}
.profile .intro-p {
	font-size: 1.3em;
}
.intro-image {
	min-width: 40%;
}
.intro-image img {
	max-width: 100%;
}
/* Section - All */
.sub-page #content {
  background-color: rgba(182, 224, 227, 0.3);
}
section {
  padding: 0 30px;
}
section::after {
  content: '';
  display: block;
  clear: both;
} /* psuedo-element */
section article p {
  line-height: 1.5;
}
/* Section - Main */
section.main {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0;
}
section.main aside {
  width: 33%;
  float: left;
  text-align: center;
} /* 3 columns */
section.main .content {
  margin: 15px;
  background: no-repeat center top;
  background-size: 75px 75px;
  padding-top: 85px;
}
section.main aside h3 a {
  color: #000;
  text-decoration: none;
} /* color style for h3 */
section.main aside h3 a:hover {
  text-decoration: underline;
} /* hover state */
section.main aside .content.trending {
  background-image: url(../images/icon_star.svg);
} /* icon 1 */
section.main aside .content.find-it {
  background-image: url(../images/icon_marker.svg);
} /* icon 2 */
section.main aside .content.tools {
  background-image: url(../images/icon_gear.svg);
} /* icon 3 */
/* Section - Services */
.home-page section.services {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(182, 224, 227, 0.3);
}
.home-page section.services article {
  padding: 0 20px 0 46%;
  background: url(../images/iStock-1140904017.jpg) no-repeat 0 5px;
  min-height: 317px;
  background-size: 42% auto;
}
.home-page section.services article p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  font-weight: 300;
}
.sub-page section.services {
  margin-top: 0px;
  padding-top: 30px; /* padding-left: 70px; */ padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.3);
}
.sub-page section.services article {
  padding-left: 200px;
  column-count: 2;
  column-gap: 70px;
  padding-top: 30px;
}
.sub-page section.services article p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  font-weight: 300;
}
.sub-page section.services article ul {
  padding: 0;
  margin: 0;
}
.sub-page section.services article li {
  line-height: 1.2em;
  font-size: 1.3em;
  font-weight: 300;
  margin-bottom: 1em;
}
.sub-page aside {
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.6);
}
/* Home Section - Play Therapy */
.home-page section.playtherapy {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.3);
}
.home-page section.playtherapy article {
  padding: 0 20px 0 46%;
  background: url(../images/AdobeStock_107516116.jpg) no-repeat 0 5px;
  min-height: 317px;
  background-size: 42% auto;
}
.home-page section.playtherapy article p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  font-weight: 300;
}
.sub-page section.playtherapy article {
  padding-bottom: 30px;
}
.sub-page section.playtherapy article p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  font-weight: 300;
}
.sub-page section.about article p,
.profile p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  font-weight: 300;
}

/*Section - How To */
section.how-to {
  background-color: #eee9d9;
  position: relative;
}
section.how-to aside {
  width: 30%;
  float: left;
  margin-right: 10px;
}
section.how-to aside .content {
  padding: 30px 30px 20px 0;
}
section.how-to aside .content img {
  display: block;
  margin-bottom: 15px;
  width: 70%;
}
section.how-to aside .content h4 {
  margin-bottom: 0;
}
section.how-to aside .content p {
  margin-bottom: .5em;
}
section.how-to aside .content a {
  display: inline-block;
  color: #cc6633;
  font-weight: 700;
}
.sub-page section.resources article ul {
  font-size: 1.3em;
}
/* Home Blockquote */
.home-page blockquote {
  border-top-left-radius: 45px;
  margin: 0;
  width: 250px;
  color: #f25a00;
  background-color: rgba(255, 255, 255, 0.30);
  position: absolute;
  bottom: 0;
  right: 0;
}
.home-page blockquote p {
  margin: 30px 30px 20px 40px;
}
.home-page blockquote p span {
  color: #86a4a6;
  font-size: 1.4em;
}
.home-page blockquote p.quote {
  font-family: 'Katibeh', cursive;
  font-size: 2.2em;
}
.home-page blockquote p.credit {
  color: #777;
  font-size: .9em;
  margin-top: 0;
  padding-left: 20px;
  line-height: 1.3em;
  position: relative;
  display: inline;
}
.home-page blockquote p.quote::before {
  content: '\201c'; /*content property defined using unicode character for quote*/
  /*position: absolute;

    top: 30px; left: 32px;

    font-size: 2.2em;*/
  font-family: serif;
}
.quote {
	line-height: 1.1;
}
.home-page blockquote p.quote::after {
  content: '\201d';
  font-family: serif;
}
.home-page blockquote p.credit::before {
  content: '\2014';
  position: absolute;
  top: -1px;
  left: 0;
}
/* Subpage Blockquote */
.sub-page blockquote {
  margin: 0;
  color: #f25a00;
  text-align: center;
  width: 100%;
  float: left;
  /*background-color: rgba(255, 255, 255, 0.30);*/
  /*position: absolute; bottom: 0; right: 0;*/
}
.sub-page blockquote p {
  margin: 30px 30px 20px 40px;
}
.sub-page blockquote p span {
  color: #86a4a6;
  font-size: 1.4em;
}
.sub-page blockquote p.quote {
  font-family: 'Katibeh', cursive;
  font-size: 2.2em;
}
.sub-page blockquote p.credit {
  color: #777;
  font-size: .9em;
  margin-top: 0;
  padding-left: 20px;
  line-height: 1.3em;
  position: relative;
}
.sub-page blockquote p.quote::before {
  content: '\201c'; /*content property defined using unicode character for quote*/
  /*position: absolute;

    top: 30px; left: 32px;

    font-size: 2.2em;*/
  font-family: serif;
}
.sub-page blockquote p.quote::after {
  content: '\201d';
  font-family: serif;
}
.sub-page.contact-page .intro h1 {
  line-height: 1em;
  margin: 0 0 10px 0;
  color: #6e888a;
}
.sub-page.contact-page .contact-map {
  /* width: calc(50% - 30px);

    */
  width: 100%;
  float: left;
  /* margin-left: 30px; */
  margin-bottom: 30px;
}
.sub-page.contact-page .contact-details {
  padding-right: 60px;
}
.sub-page.contact-page .contact-map {
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.sub-page.contact-page .contact-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub-page.contact-page address {
  font-style: normal;
  margin-bottom: 2em;
}
.sub-page.contact-page section.contact-form {
  padding-bottom: 30px;
}
.sub-page section.consent {
  padding-top: 30px;
  padding-bottom: 30px;
}
/* CONTACT FORM */
.container.contact-form {
  display: none;
}
/* Centres the page (this could be container)*/
.container {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.315);
  padding: 30px;
  margin: 0 0 30px 0;
  width: 50%;
  float: left;
}
/*.container {

    display:block;

    margin:0 auto;

    width:576px;

    font-family: 'Muli', sans-serif;

    font-size: 16px;

    color: #999;

}*/
/* Labels are titles for the text fields. You can use a placeholder instead if you like*/
label {
  display: block;
  margin-top: 20px;
}
/* Centres the form within the page */
/*form 

{

    margin:0 auto;

    width:100%;

}*/
/* Styles the text boxes */
input, textarea {
  width: 98%;
  height: 27px;
  background-color: #efefef;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
  padding: 10px;
  margin-top: 3px;
  font-size: 0.9em;
  color: #3a3a3a;
  box-sizing: content-box;
  font-family: 'Open Sans', sans-serif;
}
input:focus, textarea:focus {
  border: 1px solid #97d6eb;
}
/* Styles the text area boxes (message field) */
textarea {
  height: 213px;
  background-color: #efefef;
  margin-bottom: 20px;
}
/* Styles the submit button */
#submit {
  background-color: #45a048;
  width: 127px;
  height: 28px;
  text-align: center;
  /* text-indent:-9999px; */
  border: none;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  color: #ffffff;
}
/* Styles the submit hover */
#submit:hover {
  color: #fff;
  background-color: #4CAF50;
  opacity: 0.9;
}
/* Styles the cancel button*/
#cancel {
  background-color: #d14141;
  width: 127px;
  height: 28px;
  text-align: center;
  /* text-indent:-9999px; */
  border: none;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
/* Styles the cancel hover */
#cancel:hover {
  color: #fff;
  background-color: #d64242;
  opacity: 0.9;
}
.alert {
  width: 100%;
  display: block;
  padding: 10px;
  color: #ffffff;
  margin-bottom: 20px;
}
.alert.alert-success {
  background-color: #45a048;
}
.alert-alert-failure {
  background-color: #d14141;
}
/* Navigation */
.topnav {
  z-index: inherit;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.3);
}
.topnav li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.topnav a {
  float: left;
  display: block;
  color: #b31640;
  text-align: center;
  padding: 14px 16px; /*warning - do not change values or will not responsively display and will break design*/
  text-decoration: none;
  font-size: 17px; /*warning - do not change values or will not responsively display and will break design*/
  font-weight: 700;
}
.topnav a:hover {
  background-color: rgba(134, 165, 166, 0.3);
  color: #f1f5e1;
}
.topnav ul {
  margin: 0;
  padding: 0px;
  float: right;
}
.topnav .icon {
  display: none;
}
div.gallery img {
  width: 100%;
  height: auto;
}
.responsive {
  padding: 0 10px;
  float: left;
  width: 24.99999%;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.center {
  width: 100%;
  text-align: center;
  background-color: rgb(238, 238, 238);
}
.center img {
  width: 100%;
}
/* Footer */
footer {
  font-size: .8em;
  margin: 0px;
  padding: 30px;
  color: #dde0cf;
  background-color: #810c2a;
}
footer .content {
  float: right;
}
footer a {
  margin-left: 30px;
  color: #dde0cf;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
footer a:visited {
  color: #dde0cf;
}
footer a:hover {
  color: #000;
}
/* Media Queries */
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 2.5em;
  }
  h2 {
    font-size: 1.2em;
  }
  .home-page .hero {
    width: 50%;
    clear: both;
  }
  header a.logo {
    width: 122px;
    height: 124px;
    margin-bottom: 20px;
    float: left;
  }
  .home-page section.services article p, .home-page section.playtherapy article p {
    font-size: 1.1em;
  }
  .sub-page section.services article {
    padding-left: 30px;
    column-gap: 30px;
  }
}
@media screen and (max-width: 1025px) {
  .container {
    width: 100%;
  }
  .sub-page.contact-page .contact-map {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
/*______________________________________________________________________________________________________*/
@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav {
    /*        padding: 0 10px;

*/ position: absolute;
    width: auto;
    top: 0;
    right: 0;
  }
  .topnav.responsive {
    z-index: 3;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 16px; /*warning - do not change values or will not responsively display and will break design*/
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    font-size: 17px;
    padding: 14px 31px 14px 16px; /*warning - do not change values or will not responsively display and will break design*/
  }
  h1 {
    /*        font-size: 1.2em; 

*/
  }
  h2 {
    font-size: 1.1em;
  }
  h3 {
    margin-bottom: 0px;
  }
  a.btn {
    font-size: .9em;
  }
  /* Header */
  header {
    background-image: url(../images/banner_625.jpg);
  }
  /* width: 100%; height: 66px;

        left: 0px; top: 0px;

        background-color: rgba(0,0,0,.65);

        background-size: 112px 46px;

        background-position: 20px center;

    }*/
  div.hero {
    top: 85px;
    right: 55%;
  }
  div.hero h1 {
    margin-bottom: 10px;
  }
  /* Section - Main */
  section.main aside {
    width: 100%;
    float: none;
    text-align: left;
  }
  section.main aside div.content {
    margin: 8px 20px 8px 0;
    padding: 5px 0px 10px 85px;
    background-size: 50px 50px;
    background-position: 20px 5px;
  }
  .home-page blockquote {
    border-radius: 0;
    position: static;
    width: 100%;
    padding: 30px;
    text-align: center;
  }
  .home-page blockquote .quote {
    margin: 0;
  }
  .home-page section.services article, .home-page section.playtherapy article {
    padding: 71% 0px 0px 0px;
    background-size: 100% auto;
  }
  .home-page section.services article p, .home-page section.playtherapy article p {
    font-size: 1em;
    line-height: 1.7;
  } /* Section - How To */
  section.how-to aside {
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
  }
  section.how-to aside div.content {
    padding: 20px 20px 20px 150px;
  }
  section.how-to aside div.content p {
    font-size: .9em;
  }
  section.how-to aside div.content img {
    display: inline-block;
    width: 125px;
    position: absolute;
    top: 30px;
    left: 0px;
  }
  section.how-to blockquote {
    margin: 0 20px 0 40px;
    width: 90%;
    padding: 1px 0px 20px 0px;
    position: relative;
  }
  section.how-to blockquote p.credit {
    margin-bottom: 0;
  }
  /* Footer */
  footer div.content {
    display: block;
  }
  footer div.content a {
    margin: 0 0 0 10px;
  }
}
@media screen and (max-width: 640px) {
  /* Header */
  header {
    background-image: url(../images/banner_425.jpg);
  }
  header a.logo {
    width: 100px;
    background-size: 80% auto;
    margin-top: 10px;
    margin-left: 5%; /*aligned logo with menu*/
    height: 80px;
  }
  header div.hero h1 {
    font-size: 1.8em;
    margin-bottom: 10px;
  }
  header div.hero a.btn {
    padding: 2px 30px;
    font-size: .8em;
  }
  header div.hero a.btn span {
    display: none;
  }
  .home-page header {
    background-position: 0 0;
    background-size: 100% auto;
  }
  .home-page header div.hero {
    width: 100%;
    clear: both;
    padding: 60% 5% 30px;
  }
  .home-page .hero h2 {
    font-size: 1em;
    line-height: 1.7;
  }
  section {
    padding: 0 5%;
  }
	.profile + .profile {
		margin-top: 10vw;
	}
  .sub-page div.hero {
    background-position: bottom center;
    background-size: 100% auto;
    padding: 0 0 68% 0;
  }
	.image-right {
	float: none;
	margin: 0 0 1em 0;
}
  .sub-page div.hero li, 
	.sub-page section.resources article ul {
    font-size: 1em;
  }
  .sub-page div.hero h2, 
	.sub-page div.hero h3,
	.sub-page h3,
	.profile .intro-text h2,
	.section-subtitle {
    line-height: 1.6;
    font-size: 1.3em;
  }
  .sub-page.playtherapy-page div.hero h2 {
    font-size: 1em;
  }
  .sub-page section.playtherapy article {
    padding-top: 0;
  }
  .sub-page section.playtherapy article p, 
	.about-page.sub-page div.hero h3, 
	.sub-page section.about article p,
	.profile .intro-text p,
	.sub-page .about p,
	.profile p {
    font-size: 1em;
    line-height: 1.6;
  }
  .sub-page.contact-page .contact-details {
    margin-bottom: 20px;
  }
  .sub-page.contact-page .contact-details, .sub-page.contact-page .contact-map {
    padding-right: 0;
    width: 100%;
    clear: both;
  }
  .sub-page.contact-page .contact-map {
    padding-bottom: 75%;
  }
  /* Section - How To */
  section.services {} /* positioned under overview with css */
  .home-page section.services article, .home-page section.playtherapy article {
    padding: 75% 0px 0px 0px;
    background-size: 100% auto;
  }
  .home-page section.how-to aside div.content {
    padding: 140px 20px 20px 0px;
  }
  .home-page section.how-to aside div.content img {
    width: auto;
    height: 100px;
    top: 30px;
  }
  .sub-page section.services {}
  .sub-page section.services article {
    padding: 20px 0 0 0;
    column-gap: 0px;
  }
  .sub-page section.services article ul {
    margin: 0 0 0 30px;
  }
  .sub-page section.services article li {
    font-size: 1em;
  }
  blockquote p {
    margin: 5px;
    line-height: 1;
  }
  blockquote p span {
    color: #86a4a6;
  }
  blockquote p.quote {
    font-family: 'Katibeh', cursive;
    font-size: 1.8em;
    text-align: center;
  }
  blockquote p.credit {
    color: #777;
    font-size: .9em;
    margin-top: 0;
    padding-right: 10px;
    line-height: 1.3em;
    position: relative;
    text-align: right;
  }
  blockquote p.quote::before {
    content: '\201c'; /*content property defined using unicode character for quote*/
    /* position: absolute;

        top: 30px; left: 28px;

        font-size: 2.4em;*/
    font-family: serif;
  }
  blockquote p.quote::after {
    content: '\201d';
    font-family: serif;
  }
  blockquote p.credit::before {
    /*        content:'\2014'; position: absolute; top: -1px; right: 150px;

*/
  }
  /* Footer */
  footer {
    padding-left: 5%;
    padding-right: 5%;
  }
  footer::after {
    content: '';
    display: block;
    clear: both;
  }
  footer div.content a {}
	/* Profiles */
	.profile .intro {
		display: block;
	}
	.profile .intro-p {
		font-size: 1.2rem;
	}
	.services-intro {
		padding-bottom: 5vw;
	}
	.services-intro-text,
	.services-intro #blockquote,
	.services-image {
		width: 100%;
	}
	.services-intro-text,
	.services-intro #blockquote {
		margin-right: 0%;
	}
}
@media screen and (max-width: 450px) {
  .sub-page section.services article {
    column-count: 1;
  }
  .home-page header div.hero {
    padding: 55% 5% 30px;
  }
}