/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/

/**** RESPONSIVE CODING ****/
@media screen and (min-width: 1025px) and (max-width:1199px) {
     #latestimages img {
    max-width: 80px;
    height: auto;
}

    #sidebar {
    max-width: 225px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0px;
    overflow: auto;
    min-height: 100%;
}

    #contentwrap {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position: relative;
    overflow: auto;
}
    #mwrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto; 
  max-width: 100vw;
}

}


@media screen and (min-width: 901px) and (max-width:1024px) {
     body {
    background-image: none;
         overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }
    a:link.nav, a:active.nav, a:visited.nav {padding: 0px;line-height: 18pt;}

       #latestimages img {
    max-width: 65px;
    height: auto;
}
    #content {
    float: none;
    margin: 0 auto;
    margin-top: 6px;
}

     .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #sidebar {
    max-width: 400px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
    .footercontainer {
    max-width: 80vw;
}

}
@media screen and (min-width: 660px) and (max-width:900px) {
      body {
    background-image: none;
          overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }
    a:link.nav, a:active.nav, a:visited.nav {padding: 0px;line-height: 18pt;}

       #latestimages img {
    max-width: 80px;
    height: auto;
}
    #content {
    float: none;
    margin: 0 auto;
    margin-top: 6px;
}
     .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #sidebar {
    max-width: 400px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
    .footercontainer {
    max-width: 80vw;
}
}


@media screen and (min-width: 481px) and (max-width:659px) {
     body {
    background-image: none;
         overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }

a:link.nav, a:active.nav, a:visited.nav {padding: 0px;line-height: 18pt;}

       #latestimages img {
    max-width: 70px;
    height: auto;
}
     .post-date {
    transform: translate(-8%, -50%); 
}
     .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #sidebar {
    max-width: 400px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
    .footercontainer {
    max-width: 80vw;
}
    
}


@media screen and (min-width: 376px) and (max-width:480px) {
        body {
    background-image: none;
            overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }

a:link.nav, a:active.nav, a:visited.nav {
    padding: 0px;
    line-height: 18pt;}

    #latestimages img {
    max-width: 50px;
    height: auto;
}
    .headtitle {
    font-size: 11pt;
    }
    .headtitle:before {
        font-size: 12pt;
    }
     .post-date {
    transform: translate(-8%, -50%); 
}
     .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #sidebar {
    max-width: 400px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
    .footercontainer {
    max-width: 80vw;
}
}
@media screen and (min-width: 371px) and (max-width:375px) {
    body {
    background-image: none;
        overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }

a:link.nav, a:active.nav, a:visited.nav {display: block;padding: 0px;line-height: 18pt;}

    #latestimages img {
    max-width: 50px;
    height: auto;
}
    .headtitle {
    font-size: 11pt;
    }
    .headtitle:before {
        font-size: 12pt;
    }
    .post-date {
    transform: translate(-8%, -50%); 
}

    .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #posttitle {
        font-size: 12pt;
        line-height: 14pt;
    }

    .postinfo {
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
}

.footercontainer {
    max-width: 80vw;
}
    
}

@media screen and (min-width: 290px) and (max-width:370px) {
 body {
    background-image: none;
     overflow-x: hidden;
}
 #header {
        display: none !important;
    }
    #mobileheader {
        display: block;
        height: auto;

    }
    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
        height: auto;
    }

a:link.nav, a:active.nav, a:visited.nav {display: block;padding: 0px;line-height: 18pt;}

    #latestimages img {
    max-width: 30px;
    height: auto;
}
    .headtitle {
    font-size: 11pt;
    }
    .headtitle:before {
        font-size: 12pt;
    }
    .post-date {
    transform: translate(-8%, -50%); 
}

    .postcontent {
    min-width: 90%;
    max-width: 100vw;
}
    #posttitle {
        font-size: 12pt;
        line-height: 14pt;
    }

    .postinfo {
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
}

.footercontainer {
    max-width: 80vw;
}
}