/************************* 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: 901px) and (max-width:1024px) {
    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 28pt;
        font-size: 12pt;
        display: inline-block;
    }

         .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 1024px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 600px;
        margin-top: 165px!important;
        margin-left: 205px;
    }


    .albumstatinfo {
        display: inline-block;
        max-width: 350px;
        vertical-align: top;
    }

    div#film {
        width: 60vw !important;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (min-width: 660px) and (max-width:900px) {
    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 28pt;
        font-size: 12pt;
        display: inline-block;
    }

   #header {
    width: 100%;
    max-width: 2000px;
    height: 600px;
    margin: 0 auto;
    background-image: url('images/header.png');
    background-repeat: no-repeat;
    background-position: -700px;
}

    #container {
        overflow: hidden;
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 900px;
    }

    .maintable {
        max-width: 900px !important;
        width: 100%;
    }

    #gal {
        width: 100%;
        max-width: 900px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails img {
        margin-bottom: 3px !important;
        max-width: 21vw !important;
        height: auto;
    }

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        max-width: 20vw;
        line-height: 100% !important;
        padding: 2px;
        margin-top: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        padding: 4px;
    }

    .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 900px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-position: -250px;

    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 500px;
        margin-top: 160px!important;
        margin-left: 120px;
    }

    td.albumview {
        text-align: center;
    }

    td.albumview .image.thumbnail {
        margin: 2px;
    }


    .navmenu, .navmenu-active {
        text-align: center;
        display: inline-block;
    }

    .tableh1nav {
        display: block;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 50vw !important;
        margin: 0 auto;
        position: relative;
    }


}


@media screen and (min-width: 481px) and (max-width:659px) {
    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 10pt;
        font-size: 12pt;
        display: inline-block;
    }

        #navigation {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #78552f;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    margin-bottom: -2px;
}
  #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

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

 

    #container {
        overflow: hidden;
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 659px;
    }

    .maintable {
        max-width: 659px !important;
        width: 100%;
    }

    #gal {
        width: 100%;
        max-width: 659px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails img {
        margin-bottom: 3px !important;
        max-width: 21vw !important;
        height: auto;
    }

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        max-width: 20vw;
        line-height: 100% !important;
        padding: 2px;
        margin-top: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        padding: 4px;
    }

     .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 480px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 320px;
        margin-top: 95px!important;
        margin-left: 120px;
    }

    td.albumview {
        text-align: center;
    }

    td.albumview .image.thumbnail {
        margin: 2px;
    }

    .navmenu, .navmenu-active {
        text-align: center;
        display: inline-block;
    }

    .tableh1nav {
        display: block;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 50vw !important;
        margin: 0 auto;
        position: relative;
    }


}


@media screen and (min-width: 376px) and (max-width:480px) {
    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 4pt;
        display: inline-block;
    }

      #navigation {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #78552f;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    margin-bottom: -2px;
}
  #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

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

    #container {
        overflow: hidden;
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 480px;
    }

    .maintable {
        max-width: 480px !important;
        width: 100%;
    }

    #gal {
        width: 100%;
        max-width: 480px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails img {
        margin-bottom: 3px !important;
        max-width: 21vw !important;
        height: auto;
    }

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        max-width: 20vw;
        line-height: 100% !important;
        padding: 2px;
        margin-top: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        font-size: 2vw !important;
        padding: 4px;
    }

    .thumb_title_views:before, .thumb_title_title:before, .thumb_title_title:after, .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        display: none;
    }

    .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 480px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-position: -500px 0px;
    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 320px;
        margin-top: 165px!important;
        margin: 0 auto;
    }


    td.albumview {
        text-align: center;
    }

    td.albumview .image.thumbnail {
        margin: 2px;
    }

    .navmenu, .navmenu-active {
        text-align: center;
        display: inline-block;
    }

    .tableh1nav {
        display: block;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 50vw !important;
        margin: 0 auto;
        position: relative;
    }

}

@media screen and (min-width: 371px) and (max-width:375px) {

    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 8pt;
        font-size: 12pt;
        display: inline-block;
    }

    #navigation {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #78552f;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    margin-bottom: -2px;
}
  #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

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

    #container {
        overflow: hidden;
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 375px;
    }

    .maintable {
        max-width: 375px !important;
        width: 100%;
    }

    #gal {
        width: 100%;
        max-width: 375px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails img {
        margin-bottom: 3px !important;
        max-width: 21vw !important;
        height: auto;
    }

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        max-width: 20vw;
        line-height: 100% !important;
        padding: 2px;
        margin-top: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        font-size: 2vw !important;
        padding: 4px;
    }

    .thumb_title_views:before, .thumb_title_title:before, .thumb_title_title:after, .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        display: none;
    }

    .catlink a {
        font-size: 13pt;

    }

       .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 375px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-position: -500px 0px;
    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 320px;
        margin-top: 165px!important;
        margin: 0 auto;
    }


    td.albumview {
        text-align: center;
    }

    td.albumview .image.thumbnail {
        margin: 2px;
    }

    .alblink a, .alblink a:hover {
        font-size: 9pt;

    }

    .navmenu, .navmenu-active {
        text-align: center;
        display: inline-block;
    }

    .tableh1nav {
        display: block;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 50vw !important;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (min-width: 290px) and (max-width:370px) {

    a:link.nav, a:visited.nav, a:active.nav {
        line-height: 8pt;
        font-size: 12pt;
        display: inline-block;
    }

    #navigation {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #78552f;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    margin-bottom: -2px;
}
  #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

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

    #container {
        overflow: hidden;
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 370px;
    }

    .maintable {
        max-width: 370px !important;
        width: 100%;
    }

    #gal {
        width: 100%;
        max-width: 370px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails img {
        margin-bottom: 3px !important;
        max-width: 21vw !important;
        height: auto;
    }

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        max-width: 20vw;
        line-height: 100% !important;
        padding: 2px;
        margin-top: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        font-size: 2vw !important;
        padding: 4px;
    }

    .thumb_title_views:before, .thumb_title_title:before, .thumb_title_title:after, .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        display: none;
    }

    .catlink:before {
    font-family: "Font Awesome 5 Free";
    content: "\25C6";
    font-weight: 900;
    font-size: 15pt;
    margin: 0px -9px 0px 0px;
}
    
    .catlink a {
        font-size: 11pt;
    }

    .footer {
    color: #ffffff;
    font-size: 8pt;
    line-height: 12pt;
    font-family: 'Lato', sans-serif;
    max-width: 370px;
    height: 417px;
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-position: -500px 0px;
    overflow: hidden;
    padding: 2px;
    background-color: #050505;
}
    

    .foottext {
        width: 100%;
        max-width: 280px;
        margin-top: 165px!important;
        margin: 0 auto;
    }

    td.albumview {
        text-align: center;
    }

    td.albumview .image.thumbnail {
        margin: 2px;
    }

    .alblink a, .alblink a:hover {
        font-size: 9pt;

    }

    .navmenu, .navmenu-active {
        text-align: center;
        display: inline-block;
    }

    .tableh1nav {
        display: block;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 50vw !important;
        margin: 0 auto;
        position: relative;
    }

}