@charset "UTF-8";
/* ANIMATIONS ############################ */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* GLOBAL STYLES ############################ */
* {
  box-sizing: border-box; }

pre {
  white-space: pre-wrap; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

/* LAYOUT ################################ */
body {
  font-family: ff-meta-serif-web-pro, serif;
  margin: 0; }

.wrap {
  width: 90%;
  margin: 1em auto 0; }
  @media (min-width: 37.5em) {
    .wrap {
      width: 100%;
      margin: 0 auto; } }
  @media (max-width: 61.24em) {
    .wrap {
      max-width: 90%; } }

/* LINKS ############################ */
a {
  text-decoration: none;
  color: #da2f1f;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  a:hover {
    text-decoration: none;
    color: #34e299; }

::-moz-selection {
  background: #da2f1f;
  color: #f2a7a0;
  text-shadow: none; }

::selection {
  background: #da2f1f;
  color: #f2a7a0;
  text-shadow: none; }

h2, h3 {
  font-family: "mr-eaves-xl-sans-narrow", Helvetica, Arial;
  text-transform: uppercase;
  font-size: 2rem; }

h2 {
  padding-bottom: 0.6em;
  font-size: 2.5rem; }

.opacity80 {
  opacity: 0.8; }

.header--secondary {
  color: #656365; }

/* header h1 {
	height:160px;
	background:url(../images/mrq-logomark.svg) no-repeat;
	background-position:50% 50%;
	width:100%;
	text-indent:-9999px;
	} */
header {
  padding: 0 1rem;
  height: 12em;
  border-bottom: 0.05em solid #656365;
  -webkit-mask-size: 4rem;
  mask-size: 4rem; }
  @media (min-width: 37.5em) {
    header {
      height: 6em; } }
  header h1 {
    height: 2.25em;
    background: url(../images/mrq-logomark.svg) no-repeat;
    width: 100%;
    text-indent: -9999px;
    direction: ltr;
    background-size: 4rem;
    height: 5rem;
    position: relative;
    background-position-x: center; }
    @supports (-webkit-mask: url(../images/mrq-logomark.svg) no-repeat 0% 0%) {
      header h1 {
        background-image: none;
        background-color: #da2f1f;
        -webkit-mask: url(../images/mrq-logomark.svg) no-repeat 49% 0%;
        mask: url(../images/mrq-logomark.svg) no-repeat 0% 0%;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        header h1:hover {
          background-color: #34e299; } }
    @supports not (-webkit-mask: url(../images/mrq-logomark.svg) no-repeat 0% 0%) {
      header h1 {
        background: url(../images/mrq-logomark.svg) no-repeat; } }
    @media (min-width: 37.5em) and (orientation: landscape) {
      header h1 {
        background-size: 3rem;
        height: 3rem;
        position: relative;
        top: 1.3rem;
        width: 10.3125em;
        background-position-x: left; } }
    @media (min-width: 37.5em) {
      header h1 {
        background-size: 3rem;
        height: 3rem;
        position: relative;
        top: 1.3rem;
        width: 3rem;
        background-position-x: left; } }
    @media (min-width: 7.5em) and (max-width: 37.49em) {
      header h1 {
        -webkit-mask: url(../images/mrq-logomark.svg) no-repeat 49% 0%;
        mask: url(../images/mrq-logomark.svg) no-repeat 49% 0%;
        -webkit-mask-size: 4rem;
        mask-size: 4rem;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out; } }
    @media (min-width: 7.5em) and (max-width: 37.49em) and (orientation: landscape) {
      header h1 {
        -webkit-mask-size: 15%;
        mask-size: 15%; } }

nav ul {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  line-height: 2em; }
  nav ul li {
    display: inline;
    font-family: ff-meta-serif-web-pro, serif; }
    nav ul li a {
      margin: 0.8em 0.2em;
      text-transform: capitalize;
      color: #656365;
      font-weight: bold;
      font-size: 1em;
      text-decoration: none; }
      nav ul li a:hover {
        color: #da2f1f; }
  @media (min-width: 37.5em) {
    nav ul {
      text-align: right;
      float: right;
      position: relative;
      z-index: 3;
      margin-top: -2.1rem;
      width: 92%; }
      nav ul li a {
        margin: .5em 0 .5em 1em; } }
  @media (min-width: 7.5em) and (max-width: 46.24em) {
    nav ul {
      font-size: 0.9rem; } }

.twitter {
  position: relative;
  top: 4px;
  font-size: 1.3rem;
  padding-right: 0.6rem;
  color: #55acee;
  color: #007dba; }

.nav-hireme {
  background-color: #da2f1f;
  padding: 0.35em 0.7em 0.23rem;
  border-radius: 0.6em;
  color: #FEF9ED;
  margin-left: 0.5em;
  display: inline-block;
  border: 3px solid #da2f1f;
  border-top-width: 3px;
  border-bottom-width: 3px;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out; }
  .nav-hireme:hover {
    color: #da2f1f;
    background-color: #fff;
    border: 3px solid #da2f1f;
    border-top-width: 3px;
    border-bottom-width: 3px; }

.contentarea {
  margin: 1em auto;
  font-size: 1.05em;
  line-height: 1.6;
  color: #444;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .contentarea img {
    max-width: 100%;
    height: auto; }
  .contentarea p, .contentarea pre, .contentarea ul p, .contentarea ol {
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4; }
    @media (min-width: 46.25em) {
      .contentarea p, .contentarea pre, .contentarea ul p, .contentarea ol {
        line-height: 1.5; } }
  .contentarea pre {
    font-size: 1rem;
    background-color: #656365;
    padding: 1rem 1rem 0.8rem;
    border-radius: 0.2rem;
    color: rgba(254, 249, 237, 0.7);
    margin-bottom: 2rem;
    word-break: break-all; }
    .contentarea pre code {
      color: rgba(254, 249, 237, 0.8); }
  .contentarea p.small {
    font-size: 0.9em; }
  .contentarea ol {
    padding-left: 1.5em; }
  .contentarea pre, .contentarea code {
    color: #da2f1f;
    font-family: "Courier New", Monaco, "Nimbus Mono L", monospace; }
  .contentarea pre code {
    color: rgba(255, 255, 255, 0.8); }
  .contentarea .tags {
    display: inline; }
    .contentarea .tags ul {
      display: inline; }
    .contentarea .tags ul li {
      display: inline; }
    .contentarea .tags h3 {
      font-size: 1.25rem;
      padding-bottom: 1rem;
      display: inline; }
  @media (min-width: 37.5em) {
    .contentarea {
      width: 90%;
      margin: 4rem auto; }
      .contentarea p, .contentarea pre, .contentarea ul p, .contentarea ol, .contentarea ol p {
        padding-bottom: 1.2em;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.7; }
      .contentarea ol {
        padding-left: 0em; }
      .contentarea img {
        max-width: 100%;
        height: auto; } }
  @media (max-width: 61.24em) {
    .contentarea {
      width: 90%; } }
  @media (min-width: 61.25em) {
    .contentarea {
      max-width: 70rem;
      margin: 0 auto 5rem; } }

.blogmeta {
  text-align: center;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.blog-body, .content-body {
  max-width: 40rem;
  /*limit post width */
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*margin: 0 auto;*/ }
  .blog-body ul, .content-body ul {
    padding-bottom: 1rem; }
  @media (max-width: 37.49em) {
    .blog-body, .content-body {
      max-width: 100%; } }
  .blog-body__grid, .content-body__grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 37.49em) {
      .blog-body__grid, .content-body__grid {
        max-width: 100%;
        display: block; } }
  .blog-body .meta, .content-body .meta {
    padding: 2rem 0; }

.blog-extra {
  padding-left: 3rem; }
  @media (max-width: 37.49em) {
    .blog-extra {
      width: 100%;
      padding-left: 0; } }

.blog__taglist {
  padding-top: 3rem;
  fontsize: 0.65rem;
  text-transform: uppercase; }
  @media (max-width: 37.49em) {
    .blog__taglist {
      padding-top: 0; } }
  .blog__taglist li {
    list-style: none; }

.hero .blog-body {
  padding: 0 2em;
  max-width: 45em;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.5em;
  margin: 0 auto;
  margin-top: -20%; }

.hero-text {
  font-size: 2.8em;
  text-align: center;
  padding: 1em 0;
  line-height: 4rem; }
  @media (min-width: 37.5em) {
    .hero-text {
      font-size: 4em;
      text-align: center;
      padding: 1em 0;
      line-height: 4rem; } }

.hero-img {
  display: block;
  margin: 0 auto; }

.blog-list {
  padding: 1rem 0; }
  @media (min-width: 37.5em) {
    .blog-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      grid-gap: 3rem; } }
  @media (min-width: 61.25em) {
    .blog-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 3rem; } }
  .blog-list__item {
    list-style: none;
    padding-top: 1rem; }
    .blog-list__item:first-of-type {
      padding-top: 0; }
  .blog-list__date {
    font-weight: normal;
    color: rgba(17, 17, 17, 0.6);
    padding: 0 0 0 0;
    font-size: 0.85rem !important;
    margin: 0 auto;
    display: inline; }
  .blog-list__tags {
    display: inline; }
    .blog-list__tags li {
      display: inline;
      font-size: 0.8rem; }
  .blog-list__description {
    /*width: 80%;*/
    margin: 1rem auto; }
  .blog-list__cta {
    background-color: #da2f1f;
    color: #012342; }

blockquote {
  quotes: none;
  color: #da2f1f;
  padding-bottom: 1em;
  font-style: italic; }
  blockquote p {
    display: inline; }
  blockquote:before {
    content: "“";
    margin-left: -0.5em; }
  blockquote:after {
    content: "”"; }

.aside {
  border-top: .2125em solid black;
  border-bottom: 3px solid black;
  font-size: 1.25rem;
  padding: 1.5875em 0.85rem;
  color: #777; }
  @media (max-width: 37.49em) {
    .aside {
      margin-bottom: 2rem; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .aside {
      float: right;
      width: 50%;
      margin: 0 0 1rem 2rem; } }
  @media (min-width: 61.25em) {
    .aside {
      float: right;
      width: 50%;
      margin: 0 -10rem 1rem 2rem; } }

.post-aside {
  background-color: #eee;
  margin: 0 -1em 1em;
  padding: 1em;
  border-radius: 0.3em;
  border: 1px solid #dedede;
  color: #888;
  font-size: 1.3rem; }

hr.midpost {
  padding: 0;
  border: none;
  border-top: 1px solid #ccc;
  color: #eee;
  text-align: center;
  margin: 0 30%; }
  hr.midpost:after {
    content: "※";
    display: inline-block;
    position: relative;
    top: -0.65em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
    color: #bbb; }

hr.postend {
  padding: 0;
  border: none;
  border-top: 1px solid #eee;
  color: #eee;
  text-align: center; }
  hr.postend:after {
    content: "⍟";
    display: inline-block;
    position: relative;
    top: -0.75em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white; }

@media (min-width: 46.25em) {
  .description.entry-content:first-letter {
    font-weight: bold;
    color: #da2f1f;
    font-size: 4rem;
    display: inline;
    float: left;
    padding-right: 0.5rem;
    margin: -3rem 0;
    text-align: center;
    line-height: 1.7em; } }
p.morearchive {
  background-color: #da2f1f;
  padding: 0.8em 0.7em 0.6em;
  border-radius: 0.3em;
  display: block;
  width: 100%;
  margin: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  p.morearchive:hover {
    background-color: #012342; }
  p.morearchive a {
    color: #FEF9ED; }
  @media (min-width: 7.5em) {
    p.morearchive {
      width: 15rem;
      text-align: center;
      margin: 2rem auto 1rem; } }

.ibuildstuff {
  margin: 1.72em auto;
  text-align: center;
  padding: 0.5em 0.5em 2.22em 0.5em;
  border-bottom: 1px solid #656365;
  display: block;
  font-family: "mr-eaves-xl-sans-narrow", Helvetica, Arial;
  font-size: 3em;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .ibuildstuff a {
    position: relative;
    top: 0.15em; }

.workwithme {
  position: absolute;
  top: 0;
  background-color: #da2f1f;
  color: #fefafa;
  padding: 1em;
  box-shadow: inset 0 -0.5em 1.5em 0em rgba(0, 0, 0, 0.2);
  display: none; }
  .workwithme img {
    border-radius: 50em;
    border: 0.45em solid rgba(255, 255, 255, 0.9);
    max-width: 9em;
    float: left;
    margin-right: 4em; }
  .workwithme p {
    padding-top: 1.7em; }

.workwrap {
  margin: 0 auto;
  width: 80%; }

.hide {
  display: block;
  overflow: hidden;
  height: 0;
  width: 0; }

.hireme {
  display: none; }
  @media (min-width: 37.5em) {
    .hireme {
      display: block;
      position: absolute;
      z-index: 1;
      top: 1.7em;
      right: 0.5em;
      opacity: 0.4;
      font-size: 4em;
      background-color: #da2f1f;
      border-radius: 50%;
      height: 2em;
      width: 2em;
      color: #FEF9ED;
      box-shadow: 0em 0.11em 0.5em rgba(0, 0, 0, 0.4); }
      .hireme p {
        color: white;
        font-family: "mr-eaves-xl-sans-narrow", Helvetica, Arial;
        font-size: 0.7em;
        text-align: center;
        vertical-align: middle;
        margin-top: 0.3em;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
      .hireme a {
        border: 0;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
      .hireme:hover {
        opacity: 1; } }

.note {
  border: 1px solid #da2f1f;
  background-color: #eb7e74;
  color: #da2f1f;
  padding: .3em;
  border-radius: .3em;
  margin-bottom: 1.2em; }

p.note {
  padding: .6em 0 0.4em;
  text-align: center;
  line-height: 1.3; }

.showcase {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .showcase li {
    width: 45%;
    padding: 0;
    margin: 0;
    list-style: none; }
    .showcase li h2 {
      text-align: center;
      line-height: 1.6; }
    .showcase li img {
      box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.2);
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .showcase li img:hover {
        box-shadow: 0 0.4rem 0.5rem rgba(218, 47, 31, 0.3); }

.hero-showcase {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .hero-showcase .hero-showcase-image {
    width: 65%; }
  .hero-showcase .hero-showcase-description {
    width: 30%; }
    .hero-showcase .hero-showcase-description h1 {
      color: #da2f1f;
      font-size: 1.5rem;
      font-weight: bold;
      padding: 0 0 1.5rem;
      line-height: 1; }

img.bio__image {
  margin: 0 auto;
  -webkit-clip-path: circle(48px at center);
  -moz-clip-path: circle(48px at center);
  display: block;
  width: 120px;
  height: 120px; }
  @media (min-width: 46.25em) {
    img.bio__image {
      float: left;
      left: -7.7%;
      position: relative;
      -webkit-clip-path: initial;
      -moz-clip-path: intial;
      width: auto;
      height: auto; } }

.intro {
  padding-top: 2rem; }
  .intro p {
    font-size: 1.6rem;
    text-align: center; }
    @media (min-width: 46.25em) {
      .intro p {
        font-size: 3rem; } }

.index__blog h3 {
  padding-bottom: 2rem;
  font-weight: bold;
  font-size: 1.46rem; }

.blogPosts {
  font-size: 0.7em; }
  @media (min-width: 37.5em) {
    .blogPosts {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (minmax(20rem, 1fr))[auto-fill];
          grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } }
  .blogPosts__entry {
    /*width: calc(50% - 2rem);*/
    -webkit-transition: 0.1s ease-in-out all;
    transition: 0.1s ease-in-out all;
    padding: 0; }
    @media (min-width: 37.5em) {
      .blogPosts__entry {
        border-left: 1px solid #eee; } }
    @media (max-width: 37.49em) {
      .blogPosts__entry {
        width: 91%;
        margin: 1rem auto; } }
    @media (min-width: 37.5em) {
      .blogPosts__entry {
        /*width: 44%;*/ } }
    .blogPosts__entry h3 {
      margin-left: -2px;
      font-size: 1.46rem;
      font-weight: bold;
      min-height: 6rem; }
      @media (min-width: 37.5em) {
        .blogPosts__entry h3 {
          padding: 1rem 4rem 1rem 2rem;
          border-left: 3px solid #da2f1f; } }
    @media (min-width: 37.5em) {
      .blogPosts__entry div {
        padding: 1rem 4rem 1rem 2rem; } }
    .blogPosts__entry:hover {
      background: white;
      position: relative;
      box-shadow: 0px 5px 71px -4px rgba(145, 145, 145, 0.2);
      border-radius: 0.4rem; }
  .blogPosts__title {
    text-align: left;
    min-height: 4rem;
    line-height: 2rem; }
  .blogPosts__content p {
    font-size: 1rem; }
    .blogPosts__content p::first-letter {
      font-size: initial; }
  .blogPosts__date, .blogPosts__comments, .blogPosts__tags {
    font-size: 0.75rem;
    font-style: italic;
    padding-bottom: 0.5rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: -0.5rem; }
    @media (min-width: 37.5em) {
      .blogPosts__date, .blogPosts__comments, .blogPosts__tags {
        padding: 0.25rem 2rem !important; } }
    .blogPosts__date::before, .blogPosts__comments::before, .blogPosts__tags::before {
      content: "— "; }

.index__recent--title {
  text-align: center; }

.blogbody {
  position: relative; }

.errorpage .intro {
  font-weight: bold; }
.errorpage .contentarea {
  max-width: 50%; }
  .errorpage .contentarea .error--url {
    color: #da2f1f; }

.errorpage-blog_titles {
  list-style-type: circle;
  text-align: left; }
  .errorpage-blog_titles li p {
    padding-bottom: inherit; }
  .errorpage-blog_titles li a {
    text-align: left; }

.btn {
  border-radius: 0.3rem;
  background-color: #da2f1f;
  font-size: 0.8rem;
  padding: 0.6rem;
  color: #FEF9ED;
  text-transform: uppercase;
  /* font-weight: bold; */
  /* font-family: sans-serif; */ }

.portfolioPosts {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.7em; }
  .portfolioPosts__entry {
    width: 100%;
    padding: 0 1rem;
    border-radius: 0.4rem; }
    @media (min-width: 46.25em) {
      .portfolioPosts__entry {
        width: 25%; } }
    .portfolioPosts__entry img {
      border-radius: 0.3rem;
      height: 10vh; }
    .portfolioPosts__entry h2 {
      font-family: ff-meta-serif-web-pro, serif;
      font-size: 1rem;
      text-align: center;
      text-transform: capitalize; }
  .portfolioPosts__thumb {
    height: 150px;
    width: 100%;
    background-size: cover;
    border-radius: 0.3rem;
    margin-bottom: 0.5rem; }

/* GRIDS ####################################### */
.grid {
  display: block; }
  @media (min-width: 37.5em) {
    .grid {
      display: -ms-grid;
      display: grid; } }

.grid-2 {
  -ms-grid-columns: 50% auto;
      grid-template-columns: 50% auto; }

/* LEARNING LESS ############################### */
.content__introduction p {
  text-align: center;
  font-size: 1.7rem;
  margin: 0 auto;
  padding-top: 1.2em; }
  @media (min-width: 61.25em) {
    .content__introduction p {
      width: 35rem; } }

.learning-less-artwork img {
  border-radius: 0.3rem;
  box-shadow: 0 8px 31px -7px #666;
  -webkit-transform: rotate(1deg);
          transform: rotate(1deg);
  margin: 0 auto;
  text-align: center;
  display: block;
  max-width: 80%;
  margin-bottom: 3rem; }
  @media (min-width: 46.25em) {
    .learning-less-artwork img {
      margin-left: 1rem; } }

@media (min-width: 46.25em) {
  .content__learning-less {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40% auto;
        grid-template-columns: 40% auto;
    padding: 3rem 0; } }

@media (min-width: 61.25em) {
  .learning-less-desc {
    width: 35rem;
    /* line-height: 2rem; */ } }

.learning-less-list li {
  line-height: 2rem;
  padding-bottom: 1rem;
  margin-left: 1rem; }
  @media (min-width: 61.25em) {
    .learning-less-list li {
      width: 35rem; } }

blockquote.learning-less__quote {
  text-align: center;
  font-size: 1.4rem;
  padding-bottom: 3rem;
  line-height: 1.5;
  margin: 0 auto;
  padding: 1rem 1rem 3rem; }
  @media (min-width: 61.25em) {
    blockquote.learning-less__quote {
      width: 35rem; } }

.learning-less-list h2 {
  text-align: center; }

.learning-less-list .grid {
  -ms-grid-columns: 40% auto;
      grid-template-columns: 40% auto; }

.learning-less-list .grid p {
  padding: 2rem 0;
  text-align: center; }
  @media (min-width: 37.5em) {
    .learning-less-list .grid p {
      text-align: left; } }
  @media (min-width: 61.25em) {
    .learning-less-list .grid p {
      padding: 2rem 10rem 0 0;
      text-align: left; } }

.learning-less-list {
  padding: 5rem 0;
  background: #ffa10038;
  /* color: white!important; */ }

.learning-less-quotes {
  padding: 5rem 0; }

.learning-less-quotes h2 {
  text-align: center;
  padding-bottom: 5rem; }

.learning-less--get {
  background: #fcbdb975;
  padding: 5rem 0; }

.learning-less--get h2 {
  text-align: center;
  padding-bottom: 4rem; }

.learning-less--get p {
  margin: 0 auto; }
  @media (min-width: 61.25em) {
    .learning-less--get p {
      width: 35rem; } }

.learning-less--get .cta {
  margin: 0 auto;
  text-align: center;
  background: #D8271F;
  display: block;
  color: white;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 6px 21px -7px #9b2211e0;
  width: 10rem; }
  .learning-less--get .cta:hover {
    background: #911fd8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.learning-less--get .cta a {
  color: white;
  /* text-transform: uppercase; */
  font-weight: bold;
  font-size: 1.3rem; }

/* PORTFOLIO ################################### */
/* .portfolioarea {
	margin:4em auto;
}

#portfoliolist {
	margin-top:1em;
	clear:both;
	li {
		list-style-type: none;
		display: inline-block;
		width: 100%;
		margin: 0 0 1em;
		@include mq(600) {
			width: 32.3%;
			margin: 0.5%;
		}
	}
		a {
			span {
				padding: 0.3em 0;
				margin: -2.3em auto 1em;
				display: block;
				text-transform: uppercase;
				text-align: center;
				font-family: \$headstack;
			}
			img {
				display: block;
				max-width: 100%;
				height: auto;
				margin: 0 auto;
				padding-bottom: 3em;
				opacity: 0.8em;
				@include transition(0.1s);
				&:hover {
					opacity: 1;
				}
			}
		}
	}
}

.services p {
	padding-bottom: 2.6em;
	font-size: 1.2em;
	@include mq(600) {
		margin-top: -1.6em;
		padding-bottom: 2.6em;
		font-size: 1.2em;
		width: 60%;
		float: right;
	}
}
 */
#form1_srsname, #srsnamelabel {
  display: none; }

.comments {
  border-bottom: 1px dotted #DEE0E0; }
  @media (min-width: 46.25em) {
    .comments li {
      overflow: auto; } }
  @media (min-width: 46.25em) {
    .comments img {
      float: left;
      margin-right: 2.8571429%;
      /* 20 / 700 */
      margin-bottom: 20px;
      width: 12.8571429%;
      /* 90 / 700 */ } }
  .comments__block {
    padding-top: 1.7rem;
    margin-top: 0;
    border-top: 1px solid #da2f1f; }
    .comments__block h3 {
      padding-bottom: 1.7rem; }
    .comments__block li {
      list-style-type: none; }
    .comments__block input#form1_submitComment {
      padding: 0.85rem;
      background-color: #da2f1f;
      border: 0;
      border-radius: 0.3rem;
      color: #FEF9ED;
      font-weight: bold;
      font-size: 0.85rem;
      margin: 0.85rem 0; }
    .comments__block input {
      border: 1px solid #da2f1f;
      border-radius: 0.2rem;
      /* margin: 0.85rem; */
      display: block;
      /* margin-left: 7rem; */
      /* margin-top: -2.15rem; */
      line-height: 1.7rem;
      padding: 0.25rem;
      width: 100%;
      display: block; }
    .comments__block textarea {
      border: 1px solid #da2f1f;
      border-radius: 0.2rem;
      width: 100%;
      height: 20vh;
      line-height: 1.4;
      padding: 0.85rem;
      font-family: inherit;
      font-size: 1rem;
      color: #656365; }
      .comments__block textarea p {
        padding: 1rem; }
  @media (min-width: 46.25em) {
    .comments .comment {
      float: right;
      width: 83.5714286%;
      /* 585 / 700 */ } }
  .comments .comment-form {
    width: 100%; }
    .comments .comment-form div {
      margin: 1rem 0; }
  .comments .comment .date {
    color: #999;
    font-size: 1rem;
    font-style: italic;
    display: inline-block; }

.author h2 {
  font-size: 107.7%;
  margin-top: 0; }
@media (min-width: 46.25em) {
  .author img {
    float: left;
    margin-right: 2.8571429%;
    /* 20 / 700 */
    margin-bottom: 20px;
    width: 12.8571429%;
    /* 90 / 700 */ } }
@media (min-width: 46.25em) {
  .author .author {
    float: right;
    width: 83.5714286%;
    /* 585 / 700 */ } }
@media (min-width: 46.25em) {
  .author:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; } }

.mycomments {
  /* this styles my own comments */
  background-color: #e24031;
  color: #FEF9ED;
  text-shadow: #da2f1f;
  border-radius: 0.2rem; }
  .mycomments a {
    color: #270806; }
    .mycomments a:hover {
      color: #811c12; }

.mycomments,
.commentsmade {
  /* add some breathing room to each comment */
  padding: 1em;
  box-shadow: 0 1px 0 rgba(17, 17, 17, 0.1);
  margin: 1em 0; }

.commentsmeta {
  /* margin to vertically align the meta info */
  margin: 0.5em 0.5em 0; }

.gravatar {
  /* floats the wee gravatar and makes it round */
  float: left;
  margin-right: 1em;
  border-radius: 5em; }

#name, #web, #message, #email {
  width: 80%;
  padding: 0.5em 0.4em 0.4em;
  font-size: 1.3em;
  color: #da2f1f;
  font-family: ff-meta-serif-web-pro, serif; }
  #name:focus, #web:focus, #message:focus, #email:focus {
    outline: 0;
    box-shadow: 0 0 0.5em rgba(218, 47, 31, 0.6); }

#message {
  padding: 1em;
  border: 0.05em solid #da2f1f;
  display: block;
  border-radius: 0.2em; }

.comments-wrapper {
  padding: 0 1em; }

div.comments-wrapper input.comment_name_input {
  float: left; }
div.comments-wrapper input.comment_name_input, div.comments-wrapper input.comment_email_input, div.comments-wrapper input.comment_web_input {
  width: 40%;
  padding: 0.5em;
  border: 0.05em solid #da2f1f;
  margin: 0 0 1em;
  display: block;
  border-radius: 0.2em; }
div.comments-wrapper label {
  clear: both;
  display: block; }

#form1_contactForm {
  font-size: 1.3rem; }
  #form1_contactForm input[type=text], #form1_contactForm input[type=email], #form1_contactForm textarea, #form1_contactForm input[type=submit] {
    font-size: 1rem;
    width: 100%;
    padding: 1rem;
    border: 0.1rem solid #da2f1f;
    margin: 0 0 1rem;
    display: block;
    border-radius: 0.2rem; }
    @media (min-width: 46.25em) {
      #form1_contactForm input[type=text], #form1_contactForm input[type=email], #form1_contactForm textarea, #form1_contactForm input[type=submit] {
        width: 40%; } }
  #form1_contactForm textarea {
    width: 100%; }
  #form1_contactForm input[type=submit] {
    background: #da2f1f;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 2rem;
    color: #FEF9ED;
    font-weight: bold;
    border: 0.2rem solid #da2f1f;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    cursor: pointer; }
    #form1_contactForm input[type=submit]:hover {
      border: 0.2rem solid #da2f1f;
      background: #FEF9ED;
      color: #da2f1f; }
  #form1_contactForm label {
    clear: both;
    display: block; }

div.rememberme {
  padding: 0.25em 1em 0;
  position: relative;
  bottom: 0.3em;
  margin-left: 1em;
  left: 1em;
  z-index: -1; }
  div.rememberme label {
    display: inline;
    position: relative;
    top: 0.1em;
    color: #b1b0b1;
    font-style: italic; }

ol.comments {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 3em;
  font-size: 1em; }
  ol.comments li p:last-of-type {
    padding: 0; }

footer {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid rgba(226, 66, 52, 0.6);
  padding: 2em 0 0;
  background-color: #da2f1f;
  color: rgba(255, 255, 255, 0.9); }
  footer h2, footer h3 {
    font-size: 2rem;
    padding: 2rem 1rem 0;
    text-align: center;
    margin: 0 0 1em;
    color: #590800; }
    @media (min-width: 46.25em) {
      footer h2, footer h3 {
        font-size: 1.5rem; } }
  footer a {
    color: #FEF9ED; }
    footer a:hover {
      color: rgba(0, 0, 0, 0.7); }
  footer .copy {
    background-color: rgba(17, 17, 17, 0.2);
    padding: 1rem;
    clear: both;
    text-align: center;
    margin-bottom: -1px;
    line-height: 1.5; }

.sideprojects, .elsewhere {
  /* padding: 0 .5em 0 0;
  width: 28%;
  float: left;*/
  text-align: center; }
  .sideprojects ul, .elsewhere ul {
    padding: 1rem; }
  .sideprojects li, .elsewhere li {
    display: inline;
    font-size: 1.4em;
    padding-right: 0.5em; }
    .sideprojects li:hover, .elsewhere li:hover {
      border-bottom: none; }

.briefly {
  margin: 0 auto;
  max-width: 40rem;
  text-align: center; }
  .briefly p {
    padding-bottom: 1rem;
    line-height: 1.5; }

/*# sourceMappingURL=style.css.map */