/* Portrait 1024px */
@media only screen and (min-width: 415px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .entry-title, .entry-meta {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .site {
        padding:20px;
        width:100%;
    }
    .home .site {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
     .tagline{
        padding: 10px 10px;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
        display: relative;
    }
    
    .home .portfolio-navigation {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 4;
        grid-row-end: 5;
        text-align: center;
        padding: 10px;
    }
    
     .regular {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 5;
        grid-row-end: 6;
    }
    
    .slick-slider {
        width: 100%;
    }
    
    .entry-header {
        padding-left: 10px;
    }
    
    .regular .content {
        padding-top: 18px;
        width: 100%;
        padding: 24px 10px 0 10px;
    }
    
    .portfolio-thumbnail {
        padding: 30px 10px 10px 10px;
        width: 150px;
        float: right;
    }
     .home .content-area {
        padding: 5px;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 6;
        grid-row-end: 9;
        width: 100%;
    }
    
    .home .post-thumbnail {
        float: none;
        padding: 10px;
        margin: auto;
        width: 100%;
    }
    
    .home .sticky-blog-list {
        padding: 0;
    }
    
    .blog-thumb-left {
        float: none;
        padding: 10px;
        margin: auto;
        width: 100%;
    }
    /* Internal Pages */    
    
    .site {
        padding:20px;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    
    .site-branding {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 1;
        grid-row-end: 2;
        padding: 0 5px;
    }
    
    .main-navigation {
        font-family: "chiavettieri",sans-serif;
        font-size: 1.2em;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    
    .portfolio-navigation {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
        padding: 20px 2px 20px 2px;
    }
    
    .content-area {
        padding: 0 0 5px 0;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 4;
        grid-row-end: 8;
    }
    
    .page-id-14 .post-thumbnail {
        padding: 30px 20px 20px 20px;
        margin: auto;
        width: 250px;
        float: none;
    }
    
    .blog-bios-wrapper {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 8;
        grid-row-end: 9;
    }
    
    .page-content, .entry-content, .entry-summary {
        margin: 1.5em 10px 5px 10px;
    }
    
    .blog-excerpt-left {
        margin: 0 10px 5px 10px;
    }
        
    
    .site-footer {
        padding: 0 0 20px 0;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 9;
        grid-row-end: 10;
    }
    
    #site-navigation {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    
    .menu-item {
        width: 100%;
        display: block;
        margin: auto;
        text-align: center;
    }
    
    button {
        background: #9c4700;
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        font-family: "chiavettieri",sans-serif;
    }
   
    .main-navigation ul ul a {
        width: 100%;
    }
    .widget-area {
        display:none;
    }
    .post-thumbnail ,.blog-thumb-left {
        width:100%;
    }
    .main-navigation ul {
    float: none;
}
}

@media only screen and (max-width: 768px)  {
    .entry-title, .entry-meta {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
   .home .site {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    .main-navigation ul {
    float: none;
}
    
    .tagline{
        padding: 10px 10px;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
        display: relative;
    }
    
    .home .portfolio-navigation {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 4;
        grid-row-end: 5;
        text-align: center;
        padding: 10px;
    }
    
     .regular {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 5;
        grid-row-end: 6;
    }
    
    .slick-slider {
        width: 100%;
    }
    
    .entry-header {
        padding-left: 10px;
    }
    
    .regular .content {
        padding-top: 18px;
        width: 100%;
        padding: 24px 10px 0 10px;
    }
    
    .portfolio-thumbnail {
        padding: 30px 10px 10px 10px;
        width: 150px;
        float: right;
    }

    .home .content-area {
        padding: 5px;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 6;
        grid-row-end: 9;
        width: 100%;
    }
    
    .home .post-thumbnail {
        float: none;
        padding: 10px;
        margin: auto;
        width: 100%;
    }
    
    .home .sticky-blog-list {
        padding: 0;
    }
    
    .blog-thumb-left {
        float: none;
        padding: 10px;
        margin: auto;
        width: 100%;
    }
    
   
/* Internal Pages */    
    
    .site {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    
    .site-branding {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 1;
        grid-row-end: 2;
        padding: 0 5px;
    }
    
    .main-navigation {
        font-family: "chiavettieri",sans-serif;
        font-size: 1.2em;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    
    .portfolio-navigation {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
        padding: 20px 2px 20px 2px;
    }
    
    .content-area {
        padding: 0 0 5px 0;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 4;
        grid-row-end: 8;
    }
    
    .page-id-14 .post-thumbnail {
        padding: 30px 20px 20px 20px;
        margin: auto;
        width: 250px;
        float: none;
    }
    
    .blog-bios-wrapper {
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 8;
        grid-row-end: 9;
    }
    
    .page-content, .entry-content, .entry-summary {
        margin: 1.5em 10px 5px 10px;
    }
    
    .blog-excerpt-left {
        margin: 0 10px 5px 10px;
    }
        
   
    .site-footer {
        padding: 0 0 20px 0;
        grid-column-start: 1;
        grid-column-end: auto;
        grid-row-start: 9;
        grid-row-end: 10;
    }
    
    #site-navigation {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    
    .menu-item {
        width: 100%;
        display: block;
        margin: auto;
        text-align: center;
    }
    
    button {
        background: #9c4700;
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        font-family: "chiavettieri",sans-serif;
    }
   
    .main-navigation ul ul a {
        width: 100%;
    }
    .article-navigation {
    margin:40px 10px 0 10px;
    border-top: 1px solid #d4d1ca;
}
    .entry-footer {
        padding-left:10px;
        padding-right:10px;
    }
}
@media only screen and (max-width: 600px) {
    .article-navigation {
    margin:40px 10px 0 10px;
    border-top: 1px solid #d4d1ca;
}
  .alignright, .alignleft {
    width:100% !important;
}
    .entry-title, .entry-meta {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}