@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: none;
    /* none for no scaling */
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: none;
    /* none for no scaling */
  }
}

@media all and (min-width: 87.5em) {
  body:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 0;
    background: #f0f1f2;
  }
  
  .main-sidebar {
    /*padding: 3em 26px;
    max-width: 311px;*/
  }
}

@media all and (min-width: 71.875em) {

  
  .entry article,
  .entry .further-reading {
    padding: 1.5em 9.999%;
  }

  .post-header {
    margin-top: 1.5em;
  }

  .has-post-thumbnail .post-header {
    margin-top: 0;
  }

  .comment-respond {
    padding: 3em 9.999% 1.5em;
  }

  .comments-closed,
  .comment-pagination {
    padding: 1.5em 9.999%;
  }

  .blog .sticky:not(.has-post-thumbnail) article {
    padding-top: 3em;
  }

  .site-footer {
    width: 77.77%;
  }

  .archive-header,
  .loop-pagination {
    padding: 1.5em 9.999%;
  }

  .loop-pagination .next {
    right: 9.999%;
  }
  .loop-pagination .prev {
    left: 9.999%;
  }
}

@media all and (min-width: 59.375em) {

  .main-sidebar {
   	float:left !important; 
Width: 16em;
  }
.main {
float:right !important;
width: calc(100% - 20em);
margin-top:1.5em;
}
  .sidebar-primary {
    position: relative;
    max-height: none;
    width: auto;
    padding: 0;
  }

  .toggle-navigation {
    display: none;
  }

  .site-avatar {
    float: none;
    height: 96px;
    width: 96px;
    margin: 0 auto 0.75em;
  }

  .title-container {
    float: none;
    height: auto;
    text-align: center;
    
  }
  .title-container .container {
    float: none;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-bottom: 0.75em;
  }

  .site-title img {
    max-width: 100%;
  }

  .social-media-icons {
    position: relative;
    max-height: none;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .social-media-icons ul {
    border: none;
    padding: 0;
    margin-bottom: 1.5em;
  }

  .menu-primary {
    position: relative;
    max-height: none;
    width: auto;
    padding: 0;
  }

  .toggle-dropdown:hover {
    cursor: pointer;
    border-color: #999999;
  }

  .main {
    /*float: right;
    padding: 3em 5.555%;*/
   /* width: 72.215%;*/
  }

  .comment-respond {
    padding: 3em 13.63197% 1.5em;
  }

  .comments-closed,
  .comment-pagination {
    padding: 1.5em 13.63197%;
  }

  .archive-header,
  .loop-pagination {
    padding: 1.5em 13.63197%;
  }

  .loop-pagination .next {
    right: 13.63197%;
  }
  .loop-pagination .prev {
    left: 13.63197%;
  }

  .site-footer {
    float: right;
    width: 72.215%;
  }

  .entry {
    padding: 0;
  }
  .entry article,
  .entry .further-reading {
    padding: 1.5em 13.63197%;
  }
}

@media all and (min-width: 34.375em) {

.main {
	 
margin-left: 1.5em;
min-Width: 16em;
}
.site-header h1 {
font-size: 2.3em;
}
}

/* DEBUG */
/*
@media all and (min-width: 34.375em) {

body:after{
    content: '34.375';
}
}

@media all and (min-width: 43.75em) {

body:after{
    content: '43.75em';
}
}

@media all and (min-width: 59.375em) {
body:after{
    content: '59.375em';
}
}

@media all and (min-width: 71.875em) {
body:after{
    content: '71.875em';
}
}

@media all and (min-width: 87.5em) {
  body:after{
    content: '87.5em';
  }
}

*/