/*
Theme Name: Susan Ritchie default theme
Theme URI: http://epixmedia.co.uk/
Description: Custom theme for Susan Ritchie
Author: Ryan & Zoe at Epix Media
Version: 1.1
Tags: none
*/
@font-face {
  font-family: 'anglecia_pro_dspregular';
  src: url("fonts/AngleciaProDisplay-Regular-webfont.eot");
  src: url("fonts/AngleciaProDisplay-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/AngleciaProDisplay-Regular-webfont.woff2") format("woff2"), url("fonts/AngleciaProDisplay-Regular-webfont.woff") format("woff"), url("fonts/AngleciaProDisplay-Regular-webfont.ttf") format("truetype"), url("fonts/AngleciaProDisplay-Regular-webfont.svg#anglecia_pro_dspregular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  margin: 0px;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #666666; }

a {
  border: 0px;
  color: #f89d2a;
  text-decoration: none; }

hr {
  width: 50%;
  margin: 0 auto;
  border-color: #f89d2a;
  border-width: 2px; }

img {
  max-width: 100%;
  height: auto; }

a:hover {
  border: 0px;
  text-decoration: underline; }

img {
  border: 0px;
  z-index: 0; }

h1 {
  color: #4e1b3b;
  font-weight: normal;
  font-family: "anglecia_pro_dspregular", sans-serif; }

h2, h3, h4, h5, h6 {
  margin: 10px 0px 0px 0px;
  font-family: 'Raleway', verdana, arial;
  color: #f89d2a;
  font-weight: normal; }

h1 {
  font-size: 28px;
  line-height: 30px; }

h2 {
  font-size: 20px;
  line-height: 22px; }

h3 {
  font-size: 18px;
  line-height: 20px; }

h4 {
  font-size: 16px;
  line-height: 18px; }

fieldset {
  float: left;
  width: 100%; }

input {
  font-family: 'Open Sans', arial, verdana; }

/*
::-moz-selection{ background: #bfe9ed; color:#454545;}
::selection { background:#bfe9ed; color:#454545; }
a:link { -webkit-tap-highlight-color: #454545; }
*/
/*Add this class to any divs that need a set size as the page */
#pagecontainer {
  clear: both;
  width: 1024px;
  padding: 0px;
  margin: 0px auto;
  position: relative; }

#header {
  clear: both;
  width: 1024px;
  margin: 0px auto;
  padding: 45px 0 30px;
  position: relative;
  border-bottom: 2px solid #f89d2a;
  overflow: hidden; }
  #header .logo {
    width: 50.39063%;
    float: left; }
    #header .logo img {
      max-width: 100%;
      height: auto; }
  #header #headercontact {
    width: 29.29688%;
    float: right;
    text-align: right;
    color: #4e1b3b;
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px; }
    #header #headercontact span {
      font-size: 22px;
      line-height: 24px; }

button.rnav {
  display: none; }

.navigation {
  display: block;
  float: left;
  clear: both;
  width: 78.80859%;
  padding: 0px;
  margin: 0px;
  z-index: 999; }
  .navigation #access {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    text-align: center; }
    .navigation #access ul {
      margin: 0 0 5px;
      padding: 0;
      list-style: none;
      text-align: center;
      position: relative; }
      .navigation #access ul ul.sub-menu {
        display: none;
        position: absolute;
        clear: both;
        left: 0px;
        width: 200%;
        min-width: 150px;
        height: auto;
        z-index: 99;
        float: left;
        margin: 0px 0px 0px 0px;
        transform: translateX(-25%);
        padding: 10px 5px;
        background-image: url("images/slidebackground.png"); }
        .navigation #access ul ul.sub-menu li {
          width: 100%;
          margin: 0;
          padding: 0;
          float: left; }
          .navigation #access ul ul.sub-menu li a {
            float: left;
            color: #f89d2a;
            width: 100%;
            padding: 5px 0;
            font-size: 13px;
            line-height: 15px; }
    .navigation #access li {
      display: inline-block;
      list-style: none;
      margin: 0 43px 0 0;
      padding: 0;
      position: relative; }
      .navigation #access li a {
        display: block;
        color: #4e1b3b;
        font-family: "Montserrat", sans-serif;
        text-decoration: none;
        padding: 14px 0;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
        transition: color 0.3s; }
      .navigation #access li:hover a {
        color: #f89d2a; }
      .navigation #access li:hover ul {
        display: block !important;
        z-index: 99; }
      .navigation #access li.current_page_item a, .navigation #access li.current-menu-ancestor a, .navigation #access li.current-menu-item a, .navigation #access li.current-menu-parent a {
        color: #f89d2a; }
      .navigation #access li:last-of-type {
        margin: 0; }

/* Soical Icons */
.socialicons {
  float: right;
  width: 17.67578%;
  text-align: right; }
  .socialicons .textwidget {
    margin-top: 12px; }
  .socialicons a {
    display: inline-block;
    background-color: #4e1b3b;
    width: 22px;
    height: 22px;
    position: relative;
    text-align: center;
    border-radius: 30px;
    transition: background-color 0.3s; }
    .socialicons a i {
      top: -1px;
      position: relative;
      color: #fff;
      font-size: 12px;
      line-height: 14px; }
    .socialicons a:hover {
      background-color: #833e69; }

.entry .socialicons {
  text-align: left;
  float: left; }

/* Banner */
#epxbanner {
  float: left;
  width: 100%;
  background-color: #f1f1f1;
  padding: 0px 0px;
  overflow: hidden;
  position: relative;
  margin: 10px 0 30px;
  z-index: 10; }
  #epxbanner .cycle-slideshow {
    float: left;
    width: 100%; }
    #epxbanner .cycle-slideshow .theslide {
      display: none;
      width: 100%;
      position: relative; }
      #epxbanner .cycle-slideshow .theslide .the-message {
        position: absolute;
        bottom: 0;
        padding: 10px 0 30px;
        width: 100%;
        background-image: url("images/slidebackground.png"); }
        #epxbanner .cycle-slideshow .theslide .the-message h3 {
          width: 56.17284%;
          margin: 0 auto;
          text-align: center;
          color: #fff;
          font-family: "anglecia_pro_dspregular", sans-serif;
          font-size: 14px;
          line-height: 16px;
          text-transform: uppercase;
          border-bottom: 2px solid #b5b0b5;
          padding: 5px 0 10px; }
        #epxbanner .cycle-slideshow .theslide .the-message p {
          font-family: "anglecia_pro_dspregular", sans-serif;
          color: #fff;
          width: 56.17284%;
          margin: 0 auto;
          text-align: center;
          font-size: 18px;
          line-height: 20px;
          text-transform: uppercase;
          padding: 10px 0; }
      #epxbanner .cycle-slideshow .theslide img {
        max-width: 100%;
        height: auto; }
  #epxbanner .silder-pager {
    position: absolute;
    bottom: 10px;
    z-index: 500;
    text-align: center;
    width: 100%; }
    #epxbanner .silder-pager span {
      font-family: arial;
      font-size: 0px;
      width: 12px;
      height: 12px;
      display: inline-block;
      color: #fff;
      cursor: pointer;
      border-radius: 15px;
      background-color: #fff;
      vertical-align: top;
      margin: 0 5px; }
      #epxbanner .silder-pager span.cycle-pager-active {
        background-color: #4e1b3b;
        border: #fff 2px solid;
        border-radius: 15px;
        width: 8px;
        height: 8px; }

/* Content */
#main {
  display: block;
  clear: both;
  float: left;
  width: 79.10156%;
  position: relative; }
  #main.full {
    width: 100% !important; }
  #main #contentwrap {
    border-top: 1px solid #f89d2a;
    padding: 10px 0px;
    margin-top: 10px; }
  #main .the-page-title {
    float: left;
    width: 100%;
    padding: 10px 0 0px; }
    #main .the-page-title h1 {
      width: 100%;
      font-family: "anglecia_pro_dspregular", sans-serif;
      font-size: 26px;
      line-height: 28px;
      margin: 0; }
  #main .entry strong {
    color: #f89d2a; }
  #main .the-page {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 0px 40px 0px;
    line-height: 18px; }

/*  */
.home #main #contentwrap {
  border: 0; }
.home #main .the-page-title {
  border-top: 1px solid #f89d2a; }
  .home #main .the-page-title h1 {
    width: 61.7284%;
    margin-top: 10px; }
.home #main .the-page {
  width: 61.7284%; }
.home #main .entry h2 {
  text-align: center; }
.home #main .entry a.learnmore {
  display: block;
  clear: both;
  background-color: #4e1b3b;
  padding: 5px 10px;
  margin: 0 auto;
  width: 30%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 18px; }
  .home #main .entry a.learnmore:hover {
    text-decoration: none; }
.home #main #homepagequote {
  float: right;
  width: 28.39506%;
  border-top: 1px solid #f89d2a;
  border-bottom: 1px solid #f89d2a;
  padding: 20px 0;
  margin-top: 10px; }
  .home #main #homepagequote #quote {
    color: #f89d2a;
    padding: 5px 5% 10px;
    position: relative;
    font-family: "anglecia_pro_dspregular", sans-serif;
    font-size: 17px;
    line-height: 19px;
    position: relative; }
    .home #main #homepagequote #quote:before {
      position: absolute;
      content: " ";
      width: 21px;
      height: 17px;
      background-image: url("images/openquote.png");
      background-repeat: no-repeat;
      left: -17px; }
    .home #main #homepagequote #quote:after {
      position: absolute;
      content: " ";
      width: 15px;
      height: 13px;
      background-image: url("images/closequote.png");
      background-repeat: no-repeat;
      bottom: 0px;
      right: 0; }
  .home #main #homepagequote #quoteby {
    color: #f89d2a;
    padding: 5px 3% 10px;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 13px;
    position: relative; }

/* Single Page */
.entry table {
  max-width: 100%; }

.the-page table td {
  vertical-align: top; }

.the-page ul {
  list-style-type: disc; }

.the-page ul li {
  margin-bottom: 10px;
  line-height: 16px;
  background-position: 0px 3px;
  padding: 0px 0px 0px 5px; }

/* Posts List Page */
.the-post {
  width: 48%;
  float: left;
  padding: 0px 0px 10px 0px;
  margin: 15px 2% 20px 0px; }
  .the-post:nth-of-type(2n+1) {
    clear: both; }
  .the-post .featuredimage {
    float: left;
    margin-right: 5%;
    width: 25%; }

.the-post-title {
  padding: 0px;
  margin-bottom: 10px;
  border-bottom: 2px #f89d2a solid;
  width: 100%;
  float: left; }

.the-post-title h2 {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  min-height: 44px; }

.the-post-content {
  float: left;
  width: 100%;
  position: relative;
  margin: 20px 0px 0px 0px; }

.the-post-more {
  float: left;
  clear: both;
  text-decoration: none;
  color: #000000; }

.the-post-more:hover {
  color: #333333;
  text-decoration: none; }

.the-post-meta {
  font-size: 12px;
  width: 70%;
  float: left; }

.the-post-entry {
  float: left;
  width: 70%; }

.the-post-navigation {
  float: left;
  clear: both; }

.next-entries a, .previous-entries a {
  padding: 5px 10px;
  background-color: #f89d2a;
  margin: 0px 5px 20px 0px;
  color: #4e1b3b;
  float: left;
  border-radius: 7px; }

.next-entries a:hover, .previous-entries a:hover {
  color: #fff; }

/* In This Section */
.inthissection {
  list-style-type: none;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px; }

.inthissection li {
  list-style-type: none;
  float: left;
  width: 30%;
  padding: 0px !important;
  margin: 0px 1.4% 15px 1.4% !important;
  border: 2px #091a5f solid;
  border-radius: 7px; }

.inthissection a {
  float: left;
  width: 73%;
  padding: 1% 2% 1% 25%;
  font-size: 15px;
  /*background-image:url(images/inthissection.png);
  background-position:2% 3px;
  background-repeat:no-repeat;*/
  height: 51px;
  overflow: hidden;
  position: relative; }

.inthissection a:before {
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 52px;
  color: #222222;
  top: 20px;
  left: 7px;
  content: "\f05a"; }

.inthissection a:hover {
  text-decoration: none; }

.inthissection a span {
  color: #525252;
  font-style: italic;
  font-size: 13px; }

/* Sidebar */
#sidebar {
  float: right;
  width: 17.67578%;
  margin: 10px 0px 0px 0%;
  padding: 0px;
  font-size: 13px;
  text-align: left; }
  #sidebar a {
    color: #f89d2a; }
  #sidebar .widget-container {
    border-top: 1px solid #f89d2a;
    list-style-type: none;
    float: left;
    clear: both;
    padding: 15px 0% 30px;
    width: 100%; }
    #sidebar .widget-container h3 {
      width: 100%;
      text-align: center;
      color: #4e1b3b;
      padding: 0px 0 10px;
      margin: 0; }
  #sidebar .widget_simpleimage p.simple-image {
    margin: 0; }
  #sidebar .widget_simpleimage p.more {
    margin: 0; }
    #sidebar .widget_simpleimage p.more a {
      display: block;
      float: left;
      width: 100%;
      padding: 10px 0;
      background-color: #4e1b3b;
      text-align: center;
      color: #fff;
      font-family: "Roboto", sans-serif; }
  #sidebar .widget_mc4wp_widget {
    float: left;
    width: 100%; }
    #sidebar .widget_mc4wp_widget p {
      margin: 0; }
    #sidebar .widget_mc4wp_widget p.form {
      background-color: #6f4760;
      padding: 10px 0 0; }
    #sidebar .widget_mc4wp_widget .mc4wp-form {
      margin: 0; }
    #sidebar .widget_mc4wp_widget input {
      width: 80%;
      margin: 0px 10% 10px;
      border: 0;
      background-color: #6f4760;
      color: #fff;
      border-bottom: 1px solid #fff; }
    #sidebar .widget_mc4wp_widget input[type="submit"] {
      background-color: #4e1b3b;
      width: 100%;
      margin: 0;
      border: 0;
      padding: 10px 0; }
  #sidebar .pb-frolic {
    overflow: auto; }
    #sidebar .pb-frolic ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    #sidebar .pb-frolic li {
      margin: 5px 0;
      padding: 5px 4% 5px 30%;
      width: 66%;
      border-radius: 5px;
      background-color: #f0f0f0;
      position: relative; }
      #sidebar .pb-frolic li:before {
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url("images/susan.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: " ";
        left: 5px;
        top: 5px; }

/* Footer */
#footer {
  clear: both;
  float: left;
  width: 100%;
  margin: 0px;
  background-color: #4e1b3b;
  min-height: 250px;
  color: #fff; }
  #footer .footer-container {
    width: 1024px;
    padding: 10px 0px;
    margin: 0px auto; }
  #footer .widget-container {
    float: left;
    width: 40%;
    font-size: 15px;
    line-height: 17px; }
  #footer .socialicons .widget-container {
    width: 100%; }
  #footer .socialicons a {
    background-color: #fff; }
    #footer .socialicons a i {
      color: #4e1b3b;
      top: -1px; }
    #footer .socialicons a:hover {
      background-color: #d3d3d3; }
  #footer a {
    color: #fff; }
  #footer h2 {
    float: left;
    width: 100%;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 5px 0 15px;
    font-weight: bold; }

/***** wordpress defaults *****/
.floatright, .alignright {
  float: right; }

.floatleft, .alignleft {
  float: left; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.gallery {
  margin: 0 auto 1.625em; }

dl.gallery-item {
  margin: 0;
  float: left; }

.gallery-item img {
  margin: 8px 18px 8px 0px;
  width: 100px;
  height: 100px; }

/** comments **/
.form-allowed-tags {
  display: none; }

.comments-section {
  float: left;
  margin-top: 30px; }

h3#reply-title,
h3#comments-title {
  padding-bottom: 5px;
  border-bottom: 1px #62452f solid; }

.comment-form-comment textarea {
  float: left;
  clear: both;
  border: 1px #CCC solid; }

#commentform p {
  float: left;
  clear: both; }

#commentform .required {
  color: #900; }

#commentform label {
  float: left;
  margin-right: 10px;
  width: 40px; }

#commentform input {
  float: left;
  margin-right: 5px;
  border: 1px #CCC solid; }

ol.commentlist {
  list-style-type: none;
  padding: 0px; }

.commentlist .avatar {
  float: left;
  margin: 0px 5px 5px 0px; }

.commentlist .comment {
  padding: 10px; }

.commentlist .even {
  background-color: #f2f4e3; }

/* Content box shortcode */
.contentbox {
  padding: 1% 3%; }

.contentbox.none {
  padding: 0px; }

.contentbox.widthfull {
  width: 94%; }

.contentbox.widthfull.none {
  width: 100%; }

.contentbox.widthhalf {
  width: 44%; }

.contentbox.widthhalf.none {
  width: 50%; }

.contentbox.width20 {
  width: 14%; }

.contentbox.width30 {
  width: 24%; }

.contentbox.width40 {
  width: 34%; }

.contentbox.width50 {
  width: 44%; }

.contentbox.width60 {
  width: 54%; }

.contentbox.width70 {
  width: 64%; }

.contentbox.width80 {
  width: 74%; }

.contentbox.width90 {
  width: 84%; }

.contentbox.width20.none {
  width: 20%; }

.contentbox.width30.none {
  width: 30%; }

.contentbox.width40.none {
  width: 40%; }

.contentbox.width50.none {
  width: 50%; }

.contentbox.width60.none {
  width: 60%; }

.contentbox.width70.none {
  width: 70%; }

.contentbox.width80.none {
  width: 80%; }

.contentbox.width90.none {
  width: 90%; }

.contentbox img {
  max-width: 100%; }

.contentbox.landing-page h3 {
  margin: 0px 0px 25px 0px; }

.contentbox.bluebox:first-child {
  clear: both; }

.contentbox.bluebox {
  float: left;
  width: 29%;
  padding: 1.5% 1.5%;
  margin-bottom: 20px;
  background-color: #3793c6;
  text-align: center;
  color: #b5d8eb;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal; }

.contentbox.bluebox:hover {
  background-color: #277baa; }

.contentbox.bluebox a {
  color: #b5d8eb;
  text-decoration: none;
  font-weight: normal; }

.contentbox.bluebox h3 {
  color: #fff;
  font-size: 18px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  font-weight: normal; }

.contentbox.bluebox h3 a {
  color: #fff;
  text-decoration: none; }

.contentbox.bluebox p {
  margin: 0px;
  padding: 0px; }

.contentbox.bluebox.centre {
  margin: 0px 2%; }

/** mailchimp **/
.landing-page .nsu_widget div {
  margin: 0px 5px 0px 5px; }
.landing-page .nsu-text-before-form img {
  margin-right: 10px; }
.landing-page .nsu-form, .landing-page .nsu-signed-up,
.landing-page .mc4wp-form {
  float: left;
  margin: 0 !important;
  border: 0px;
  background-color: transparent;
  padding: 0;
  width: 100%; }
.landing-page .nsu-form p {
  margin: 0px;
  float: left;
  clear: both;
  width: 100%; }
.landing-page .nsu-form label,
.landing-page .mc4wp-form label {
  margin: 0px 3px 5px 0px;
  width: 100%;
  float: left;
  clear: both; }
.landing-page .mc4wp-form input {
  border: 1px #cccccc solid;
  float: left;
  clear: both;
  padding: 1%;
  margin: 0px 0px 5px 0px;
  width: 80% !important; }
.landing-page .nsu-submit,
.landing-page .mc4wp-form input.mc4wp-submit {
  clear: none;
  float: right;
  width: 53px;
  background-color: transparent;
  background-image: url(http://www.youtimecoaching.co.uk/wp-content/uploads/body-opt-submit.png);
  background-repeat: no-repeat;
  border: 0px !important;
  height: 52px;
  margin-top: -25px;
  margin-right: -160px;
  text-indent: -1000px; }
.landing-page .mc4wp-alert {
  float: left; }
.landing-page #mc_signup {
  margin: 0px 5px 0px 5px; }
.landing-page .mc_merge_var {
  margin-top: 5px !important;
  float: left;
  clear: both;
  width: 100%; }
.landing-page .mc_var_label {
  width: 100px;
  margin-top: 3px;
  float: left;
  color: #000000; }
.landing-page #mc-indicates-required {
  float: left;
  clear: both;
  width: 100px;
  color: #666;
  font-size: 11px;
  font-style: italic; }
.landing-page #mc_embed_signup.optform.override {
  background-image: none;
  background-color: #3793c6;
  padding: 3% 2% 2% 2%; }
.landing-page #mc_embed_signup.optform.override h3 {
  font-size: 14px; }
.landing-page #mc_embed_signup.optform.override .submit-button {
  float: none; }
.landing-page #mce-FNAME, .landing-page #mce-EMAIL {
  width: 35%; }

button.rnav {
  display: none;
  width: 100%;
  float: left;
  text-align: left;
  clear: both;
  background-color: #f89d2a;
  padding: 15px 4%;
  border: none;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Raleway', verdana, arial;
  background: url(images/menu-open.png), #f89d2a;
  background-image: url(images/menu-open.svg), none;
  background-repeat: no-repeat;
  background-position: 95%, right; }

.highlight {
  background: url(images/menu-close.png), #f89d2a !important;
  background-image: url(images/menu-close.svg), none !important;
  background-repeat: no-repeat !important;
  background-position: 95%, right !important; }

/* Responsive */
/* Required for larger screens  */
@media only screen and (min-width: 864px) {
  /* Fix for display none, when increasing the size back up so the navigation shows.*/
  .navigation {
    display: block !important; } }
/*tablet landscape*/
@media screen and (max-width: 1060px) {
  #pagecontainer, #footer .footer-container {
    width: 96%;
    padding: 0px 2%; }

  #header {
    width: 100%; }

  .navigation #access li {
    margin-right: 15px; } }
/*tablet portrait*/
@media screen and (max-width: 863px) {
  button.rnav {
    display: block; }

  .navigation {
    display: none;
    width: 100%;
    border-bottom: 2px solid #f89d2a; }
    .navigation #access li {
      width: 100%; }
    .navigation #access ul ul.sub-menu {
      display: block;
      position: relative;
      width: 80%;
      margin: 0 10%;
      transform: none; }

  #header {
    padding: 10px 0; }
    #header .logo {
      width: 100%;
      text-align: center; }
      #header .logo img {
        max-width: 350px;
        height: auto; }
    #header #headercontact {
      width: 100%;
      float: left;
      text-align: center; }

  .socialicons {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 15px; }

  #main, .home #main .the-page-title h1, .home #main .the-page {
    width: 100%; }

  .home #main #homepagequote {
    float: left;
    width: 50%;
    margin: 10px 25%; }

  #sidebar {
    float: left;
    width: 50%;
    margin: 10px 25%; }

  #footer .widget-container {
    width: 100%; } }
/*smart phone landscape*/
@media screen and (max-width: 685px) {
  #sidebar {
    width: 80%;
    margin: 10px 10%; }

  .home #main #homepagequote {
    float: left;
    width: 75%;
    margin: 10px 12.5%; }

  #epxbanner .silder-pager, #epxbanner .cycle-slideshow .theslide .the-message {
    position: relative;
    float: left;
    bottom: 0; }

  #epxbanner {
    background-color: #4e1b3b; }

  #epxbanner .cycle-slideshow .theslide .the-message h3, #epxbanner .cycle-slideshow .theslide .the-message p {
    width: 95%; }

  .the-post {
    width: 100%;
    margin-right: 0; } }
/*smart phone portrait*/
@media screen and (max-width: 385px) {
  #header .logo img {
    max-width: 100%; }

  #sidebar {
    width: 96%;
    margin: 10px 2%; } }