/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900italic); */
/* @import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,600;1,600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,600;1,600&family=Work+Sans:ital,wght@0,500;1,500&display=swap');


/* COOL NEW 2019 HOMEPAGE */
#homepage p,
  #homepage div {
    margin: 0;
    padding: 0;
  }

  #homepage .header {
    font-family: 'Spectral';
    margin: 2.8rem;
    font-size: 2.5rem;
    line-height: 1.15;
    color: #222;
  }

  #homepage .header:after {
    content: '';
    display: block;
    width: 5rem;
    height: 3px;
    background: #f36557;
  }

  #homepage .w-flex-parent {
    display: flex;
    flex-direction: row;
  }

  #homepage .w-flex-child.w-title {
    width: 66%;
  }

  #homepage .w-flex-child.w-author {
    width: 34%;
  }

  #homepage .w-flex-child.w-author {
    display: flex;
    flex-direction: row;
  }

  #homepage a.item {
    display: flex;
    flex-direction: column;
    margin: 3rem 0;
    text-decoration: none;
    color: #222;
    transition: all ease-in-out 250ms
  }

  #homepage a.item:hover {
    /* transform: scale(1.025);
    transition: all ease-in-out 250ms; */
    cursor: pointer;
  }

  #homepage a.item:hover .w-flex-child.w-title {
      /* transform: scale(1); */
      /* transition: all ease-in-out 250ms; */
  }

  #homepage a.item:hover .title {
    text-decoration: underline;
    transition: all ease-in-out 250ms;
  }

  #homepage a.item:hover .w-image .image {
    filter: brightness(1);
    transition: all ease-in-out 250ms;
  }

  #homepage .w-image {
    width: 70%;
    z-index: 1;
  }

  #homepage .w-image:after {
    content: '';
    display: block;
    width: 42%;
    height: 3px;
    background: #f36557;
  }

  #homepage .w-image .image {
    width: 100%;
    filter: brightness(.85);
  }

  #homepage .w-author {
    margin-top: .25rem;
  }

  #homepage .author {
    margin: .25rem .2rem 0 0.25rem;
    font-family: 'Work Sans';
    font-size: 1.2rem;
    line-height: 1.2;
    color: #999;
    padding-bottom: 4px;
  }

  #homepage .w-author .image {
    height: 36px;
    width: auto;
    border-radius: 50%;
    margin: -0.75rem 0.25rem 0 0.5rem;
    border: 1px solid #fff;
    z-index: 2;
  }

  #homepage .w-title {
    font-family: 'Spectral';
    z-index: 2;
    margin-top: -2rem;
    padding: .15rem .5rem;
    background-color: #fff;
  }

  #homepage .w-title .title {
    margin-bottom: .5rem;
    line-height: 1.35;
	  font-size: 2rem;
  }

  #homepage .w-title .title span,
  #homepage .header span {
    font-style: italic;
    font-weight: bold;
  }

  #homepage .meta {
    font-family: 'Work Sans';
    font-size: 1rem;
    line-height: 1.5rem;
    color: #999;
  }

  #homepage .description {
    padding-left: 0.5rem;
    font-family: 'Work Sans';
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.55;
    color: #999;
  }

  #homepage .meta.date:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    width: 1.5em;
    display: inline-block;
    line-height: 1;
    color: #f36557;
    width: 1.35em;
    content: "\f133";
  }

  #homepage .meta.category {
    color: #999;
    text-transform: uppercase;
  }

  #homepage .meta.category:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    width: 1.5em;
    display: inline-block;
    line-height: 1;
    content: "\f07c";
    color: #f36557;
    width: 1.35em;
  }

  #homepage .large {
    font-size: 1.4em;
  }

  #homepage .archive .meta.date {
    display: none;
  }

  #homepage .list .w-flex-parent {
    border: 1px solid #ccc;
  }

  #homepage .list .item {
    margin: 4rem 1.25rem;
  }

  #homepage .see-all {
    float: right;
    margin-right: 5rem;
  }

  #homepage .see-all:after {
    clear: all;
  }

  #homepage .see-all.header:after {
    width: calc(100% + 5.5rem);
  }

  #homepage .cartoon {
    font-family: 'Work Sans';
    font-size: 1.15rem;
  }

  #homepage .cartoon .image {
    width: auto;
    max-width: 100%;
    max-height: 350px;
  }

  #homepage .cartoon .caption {
    color: #999;
    margin-top: 2px;
  }

  #homepage .cartoon .w-caption:before {
    content: '';
    display: block;
    width: 5rem;
    height: 3px;
    background: #f36557;
  }

  #homepage .cartoon .caption em {
    background-color: #fff;
  }

  #homepage .cartoon .instagram-link {
    display: inline-block;
  }

  #homepage .cartoon .instagram-link:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    width: 1.5em;
    display: inline-block;
    line-height: 1;
    content: "\f16d";
    color: #f36557;
    width: 1.35em;
  }

  @media screen and (min-width: 760px) {
    #homepage .items {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }

    #homepage .items.large .item {
      width: calc(50% - 3rem);
    }

    #homepage .items.small .item {
      width: calc(33% - 2rem);
    }

    #homepage .items.list .item {
      width: calc(25% - 2rem);
    }

    #homepage .header {
      font-size: 3.5rem;
    }
    #homepage .cartoon {
      margin-top: -2.5rem;
    }
  }

  @media screen and (min-width: 950px) {
    #homepage .meta.category {
      white-space: pre;
    }

    #homepage .cartoon {
      position: relative;
      max-width: 460px;
    }

    #homepage .cartoon .w-caption {
      position: absolute;
      top: 2%;
      right: 1%;
      width: 200px;
    }
	#homepage .cartoon .w-caption p {
	  line-height: 1.2em;
	}
  }

/* Font Awesome icon size override */
.icon-2x {
	font-size: 1.5em;
}
#popular-posts ul li .image-wrap .author-avatar img {border-radius: 50%; border: 2px solid #bda642}
#popular-posts ul li img.thumbnail {border: 2px solid #bda642}
#popular-posts ul li:hover {box-shadow:none; -webkit-box-shadow:none}
a.woo-sc-button.dark span {color:#b49c19}
a.woo-sc-button.dark:hover span {color:#fff}
h1, .title, .section-title, .heading, .slides {font-family: 'Spectral', sans-serif; line-height:1.2em}
.hentry header {margin: 0 0 .5em;}
.hentry header h1, .hentry header h2 {margin: 0 0 0.25em}
.hentry .aligncenter {margin: 0 auto 1em;}
body #wrapper #header .site-description {font-family: 'Spectral', sans-serif;}
h2, h3, h4, h5, h6 {font-family: 'Spectral', sans-serif;}
#featured-slider-pagination ul#carousel-items li h3 {font-family: 'Spectral', sans-serif;}
.details p.meta .post-date {display:none;}
.bio {font-size:.95em;}

#navigation ul.nav li a {
  font-family: 'Spectral', sans-serif;
  color: #000;
}


body{
  font-family: 'Work Sans', sans-serif;
  white-space: normal;
  word-break: normal;
	font-size: 1.5rem;
}
a {
  color: #bd9d28;
}
#header .site-title a {
  font-family: 'Spectral', serif;
  font-size: .6em;
  font-weight: 600; 
  color:#ccc;
  text-transform: uppercase;
  text-shadow: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
#header .site-title a:hover {
	color:#000;
	text-decoration:none;
}

#intro-message {
  padding-top: 2em;
  background: #fff;
  color: #eee;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  background: url('http://newworker.co/img/nwm-bkg-wood.jpg') center center;
/*   background-size: 100%; */
	height: 100%;
  background-repeat:no-repeat;
  font-family: 'Spectral', sans-serif;
}
@media (min-width:1024px){
	#intro-message {
		background-size: 100%;
		height: auto;
	}
}
#intro-message h2 {
  font-family: 'Spectral', sans-serif;
}
#header-wrapper {
  padding: 6px;
  margin: 0 0;
  background: #fff;
}
.home-section header.section-title .heading {
  font-family: 'Spectral', sans-serif;
}
#navigation ul.nav li a {color: #000;}
#header .nav-toggle a {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#header .nav-toggle a:hover {
  text-decoration: none;
}
.hentry .entry {
  font-size: 1em;
}
.hentry img {
  background-color: transparent;
}
.entry .photocredit {
  font-size: .8em; 
  color: #ccc; 
}
.entry .photocredit a { 
  color: #ccc; 
}
.entry .photocredit a:hover{
  color: #999; 
}
a.woo-sc-button.dark span {
  text-shadow: none;
}
#comments-wrapper {
  padding: 1.2em 0;
}
#comments h3, #respond h3 {
	margin: 0;
}
#respond #commentform label {
  margin: 0;
	display:inline-block;
}
.comment-entry {
  font-size:.8em;
}
.comment-head {
  font-size: .95em;
}
comment-reply-title {
	margin: 0;
}
#respond #reply-title small {
	margin: 0 0 .5em;
}
#respond textarea#comment {
    height:75px;
}
.comment-form-comment, .comment-form-author, .comment-form-email {
	margin: 0
}
.comment-form-url {
	display: none;
}
#searchform .s, #searchform #s {
  padding: .2em 2em .2em 1.6em
}
.captchaSizeDivLarge {
	height: 50px !important;
	padding-top: 5px !important;
}
#respond #commentform .form-submit {
	margin-top: -22px;
}
#comments .nocomments {
	font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}
.post-date {
	font-family:'Spectral', sans-serif;
}

/*Social icons in menu - from plugin*/
li.social-icon a {
  font-size: 11px;
}
input.button {
  font-family: 'Work Sans';
}
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a {
  font-family: 'Work Sans';
  color: #cbb345;
  border-color: #cbb345;
	border-radius: 0;
	margin-top: .5rem;
	box-shadow: unset;
}

/*Limk styling */
.limk-horizontal-widget .limk-content ul.has-image li span.article {
  font-family: 'Spectral';
}
.limk-horizontal-widget .limk-header span {
  font-family: 'Spectral';
}

/*Shareaholic plugin styling */
.shareaholic-recommendations-container .shareaholic-recommendations-header {
  font-family: 'Work Sans';
  font-size: 1.2em;
}
.shareaholic-recommendations-container .shareaholic-recommendations .shareaholic-recommendation .shareaholic-recommendation-article-link div.shareaholic-image {
	height: 58px !important; 
}
.shareaholic-recommendations-container .shareaholic-recommendations .shareaholic-recommendation .shareaholic-recommendation-article-link .shareaholic-recommendation-article-title {
	font-family: 'Spectral';
	font-size: .9em !important;
    margin: 0 !important;
	color: #222;
}
.shareaholic-recommendations-container .shareaholic-recommendations-attribution-container .shareaholic-recommendations-attribution {
	display: none;
}

/*Safari rounded author bio photos*/
#post-author .profile-image {
  float: left;
  margin: 0 1.618em .382em 0;
  padding: .382em;
  border: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.7);
}
#post-details .profile-image img {
  display: block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: .327em;
  border: 0.09em solid #e6e6e6;
  margin: 0 auto 1em;
}
.profile-content p {
  text-align: left;
  font-size: .8em;
	line-height: 1.5em;
  font-family: 'Work Sans', sans-serif;
}
.profile-content h3 {
	font-family: 'Work Sans', sans-serif;
}
.single #post-details .profile-content .profile-link a.button {
	font-size: .7em;
}
@media (min-width: 768px) {
  .profile-link {
      overflow: visible;
	  display:none; /* it often doesn't fit until the window is fairly wide */
  }
  #post-details .profile-image img {
    width: 50%;
    height: 50%;
	max-width: 50%;
    max-height: 50%;
  }
}
@media (min-width: 930px) { 
  .profile-link {
	  display:block; /* it often doesn't fit until the window is fairly wide */
  }
}

/* Header logo resize so it doesn't jump */
#header #logo { 
}

/* blog citations */
.citationy {font-size: 12px;}

/* shortcodes used in posts */
span.shortcode-highlight {background: #f5f0fe;
}

/*Yoast Breadcrumbs styling*/
#breadcrumbs {
	display: none;
/*   font-family: 'Work Sans', sans-serif;
  background-color: #fff;
margin: -3em 0 1em 0;
font-size: .8em;
    color: #ccc;
    font-style: italic;
    padding: 10px 0; */
}
.post-category {color:#ccc;}
.post-category :before {
	content: 'Filed under ';
	font-family:'Spectral', sans-serif;
	text-transform: lowercase;
}

/*Button styling*/
/* button.button,
#wrapper .woo-sc-button,
.follow-link a,
.our-team-author-archive a {
  line-height: 1.618em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  background: none;
  color: #cbb345;
  border: 0.146em solid #cbb345;
  -webkit-appearance: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  -webkit-border-top-left-radius: 2.618em;
  -webkit-border-bottom-left-radius: 2.618em;
  border-top-left-radius: 2.618em;
  border-bottom-left-radius: 2.618em;
  -webkit-border-top-right-radius: 2.618em;
  -webkit-border-bottom-right-radius: 2.618em;
  border-top-right-radius: 2.618em;
  border-bottom-right-radius: 2.618em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
} */
a.button {
  font-family:'Work Sans', sans-serif;
  color: #bda642;
  background: rgba(255, 255, 255, 0);
  text-shadow: 0 0px 0 #fff;
  border-color: #bda642;
}
a.button p {font-size:8px;}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover,
.follow-link a:hover,
.our-team-author-archive a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0px 0 #fff;
  background: #cbb345;
}
a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active,
#wrapper .woo-sc-button:active,
.follow-link a:active,
.our-team-author-archive a:active {
  color: #fff;
  background: #bda642;
  text-shadow: 0 0px 0 #fff;
  border-color: #bda642;
}
input[type=text] {
	line-height: 1em;
}
/*Removes the button that says how many comments there are*/
.post-more .comments {display:none;}

#menu-item-720 {
	display: none;
}
@media (min-width:768px) {
	nav#navigation {width:100%;float:none;}
	nav#navigation .menus {width: 683px;height: 36px;}
	nav#navigation ul.nav li a {font-size: .9em;}
	#header .site-title a {font-size: .4em;}
	/* Remove social share buttons on small desktop sizes */
	#menu-item-720, #menu-item-1337, #menu-item-719 {
		float:right;
		top: -60px;
	}
	/* Menu drop-down styles */
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li.menu-item {background-color: #eee;}
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu {text-transform:uppercase; text-shadow: none;}
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li a {color: #000;}
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li a:visited {color: #000;}
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li a:hover,
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li a:active,
	nav#navigation section.menus ul#main-nav li.menu-item ul.sub-menu li a:focus {color: #999;}
}

/*Menu sandwich button for mobile*/
#header .nav-toggle {right: 0.168em; top: 1em;}

/* Footer */
#footer-widgets .widget ul {
  line-height: 1em;
  font-size: .8em;
}
#footer-widgets .widget ul li {
    line-height: 1.2em;
}
#footer-widgets .widget a {
  color: #b49c19;
}
#footer-widgets .widget a:hover {
  color: #fff;
}
#footer-widgets .widget a:hover span.woo{
  color: #fff !important;
}
#footer-widgets .widget h3 {
	margin: 0;
}
#footer-wrapper {
  background: #000;
  border-top: 0.202em solid #f36557;
}
#footer p.tiny {
  font-size: 1em;
}
#footer {
  padding: 0.7em 0;
}
#footer p {
  text-align: center;
}
#footer p:last-child {
  margin: 0;
}
#footer #copyright {
  margin: 0 0 1.618em;
  font-size: 9px;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}
#footer #credit p {
  font-family: 'Work Sans';
	font-size: .8em;
	color: #666;
	opacity: .7;
  text-transform: uppercase;
  text-shadow: none;
}
#footer-widgets {
  margin: 2.618em 0;
}
#footer-widgets + #footer:before {
  position: relative;
  content: '';
  display: block;
  margin: -2.618em auto 2.618em;
  width: 12%;
  height: .202em;
  background: #f36557;
}
.footer-social {
	margin-right: 1rem;
}
/*  search button, in footer */
#searchform .search-submit, #searchform #searchsubmit { 
	top: 20%;
}
#searchform {
	border-radius: 0;
}
@media screen and (min-width: 768px) {
	.footer-social {
		display: block;
		margin: 1rem 0;
	}
}

/*  homepage popular posts */

#popular-posts ul li .image-wrap .author-avatar {
  margin: 0;
  padding: 7px;
  position: absolute;
  top: -0.65em;
  left: -.85em;
  width: 53px;
}
#popular-posts ul li .image-wrap .author-avatar span {
	margin: -2.75em -0.5em 0 0;
    white-space: pre;
    text-align: center;
    float: left;
}
#popular-posts ul li .image-wrap .author-avatar span:after {
	left: 17%;
}

/*Woo's cheapo contact form styling*/
.contact-form .forms label {
  font-family: 'Work Sans', sans-serif;
}
.contact-form .submit {
  border: 1px solid #bda642;
  border-bottom-color: #af993c;
  background: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(.2, #bda642),
 color-stop(1, #af993c)
 )
}

/*Contact page form styling*/
#contact-page ol.forms label {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

/*Google Form styling*/
.ss-form-desc, .ss-q-help, .ss-secondary-text, .ss-choice-label, .required-message, .ss-q-title, div.ss-form-entry>input, div.ss-form-container, textarea.ss-q-long {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.ss-q-title {
  padding-top: 14px;
}
div.ss-form-entry>input {
  background-color:#eee;
}
textarea.ss-q-long {
  width: 340px;
}
.ss-form-title {
  color: #999;
}

/*Comment section captcha area styling*/
#captcha_code {
  background:#fff;
}

/*
Media queries
*/




/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (max-width: 767px) {
  #navigation ul.nav li a {
    font-size:.9em;
  }
  #intro-message .wrapper {
    max-width: 60%;
	padding: 0 2.7em;
	min-height: 225px;
  }
  #intro-message p {
    margin: 3em 0 1.618em; 
  }
  #header {
    margin-left:0;
    margin-right:0;
  }
  #header #navigation {
    width: 80%;
  }
}
/* @media only screen and (max-width:1159px) {
  #header #navigation {
    width: 100%;
  }
} */
@media only screen and (min-width: 768px) {
	#popular-posts ul li {
		width: calc(33% - 1rem);
		height: 264px;
		margin-bottom:1rem;
		margin-left:1rem;
		margin-right:0;
		background: transparent;
	}
	#header {
		width: 98%;
	}
	#intro-message .wrapper {
		min-height: 150px;
	  }
}
@media only screen and (min-width:955px) {
	#header .site-title a {
		font-size: .6em;
	}
    #header #navigation {
      margin-top: 55px;
    }
	#navigation ul.nav > li#menu-item-720, #navigation ul.nav > li#menu-item-1337, #navigation ul.nav > li#menu-item-719 {
		margin-left: 30px;
	}
}

/*
Remove tool tip from wordpress editor - somehow caused by optimizely plugin
----------------- */
[role='tooltip'] { 
    display:none !important; 
}

/* Remove hyphenation of words (mostly in Safari) */
p {
  margin: 0 0 1.25em 0;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.05em;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
}

/* overrides for only when top posts aren't lining up which happens when they renew mysteriously */
@media only screen and (min-width: 768px) {
	#popular-posts ul li {
		height: 243px;
	}
	#popular-posts ul li .meta {
		display: none;
	}
}
@media only screen and (min-width: 980px) {
	#popular-posts ul li {
		height: 273px;
	}
}

/* nav to the next article from the end of any article page */
#post-entries .nav-prev, #post-entries .nav-next {
	width: 48%;
}
.woo-pagination .page-numbers {
	border-radius: 0;
}

/* remove author photo image from homepage's carousel */
#carousel-items li a img {
	display:none;
}
#featured-slider-pagination ul#carousel-items li .details {
	width: 94%;
}

/* mailchimp */
#ns_widget_mailchimp-2 label {
	font-size: 1.28rem !important;
    font-weight: normal !important;
}
#ns_widget_mailchimp-2 label input {
	font-size: 1.5rem !important;
	display: block;
    margin-bottom: -2rem;
}

/* 2019 front page style overrides that remove article image */
#popular-posts ul li img.thumbnail {
	display: none;
}
#popular-posts ul li h3 {
	margin: 0 0 .327rem 5.75rem;
	line-height: 1;
}
#popular-posts ul li h3 a {
	font-size: .7em;
}
.home-section .meta {
	margin: .75rem 0 0 5.75rem;
    opacity: .7;
}
@media only screen and (min-width: 768px) {
	#popular-posts ul li {
		height: 150px;
    	background: none;
	}
	#popular-posts ul li:hover {
		top: 0;
	}
	#popular-posts ul li:hover h3 {
		text-decoration: underline;
	}
	#popular-posts ul li .meta {
		display: block;
	}
}
@media only screen and (min-width: 980px) {
	#popular-posts ul li {
		height: 112px;
	}
}

/* changing order of page sections on mobile/tablet */
@media only screen and (max-width: 768px) {
	section#main {
		display: flex;
    	flex-direction: column;
	}
	#main article {
		order: 1;
	}
	#main aside {
		order: 2;
	}
	#main nav {
		order: 3;
	}
}