@charset "UTF-8";
/* CSS Document
-----------------------------------------------------
Nola Falk - Portfolio
URL: http://www.nolafalk.com.au/

Design and HTML/CSS by Nola Falk

Last modified: Mar 21 2017
------------------------------------------------------ */


@media (min-width: 1200px) and (max-width: 1300px) {

}

@media (min-width: 992px) and (max-width: 1100px) {
}

@media (min-width: 1101px) and (max-width: 1199px) {

}


@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 900px) and (max-width: 992px) {

}

@media (min-width: 800px) and (max-width: 899px) {


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .about p:last-of-type{
        margin-bottom: 0;
    }

    .about-details{
        padding-bottom: 30px;
    }

}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width : 320px) and (max-width: 767px) {
    div.intro {
        font-size: 30px;
    }

    .about p:last-of-type,
    .contact p:last-of-type{
        margin-bottom: 0;
    }

    .about-details,
    .contact-details{
        padding-bottom: 30px;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    /*IPhone 5 only CSS here*/

    div.intro{
        padding: 30px 0;
        margin-top: 50px;
    }

    div.short-about{
        padding-top: 20px;
    }

    .arrow{
        margin-top: 60px;
    }

    div.logo img{
        width: 70%;
        height: auto;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /*iPhone 6 Portrait*/


}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /*iPhone 6+ Portrait*/


}

@media only screen and (min-width: 641px) and (max-width: 767px){
    .thumb-work-image{
        max-height: 250px;
        min-height: 250px !important;
        height: auto !important;
        height: 250px !important;
    }

    .work-header {
        font-size: 48px;
    }


}
@media only screen and (min-width: 441px) and (max-width: 640px){
    .fadeInBlock {
        display: block;
    }

    .thumb-work-image{
        max-height: 250px;
        min-height: 250px !important;
        height: auto !important;
        height: 250px !important;
    }

    .work-header {
        font-size: 40px;
    }

}

@media only screen and (max-width: 440px) {
    .fadeInBlock {
        display: block;
    }

    .thumb-inner .thumb-hover{
        background-color: rgba(56, 56, 56, 0.7);
    }

    .thumb-inner .thumb-hover,
    .thumb-hover h3,
    .thumb-inner:hover .thumb-hover,
    .thumb-hover:hover h3{
        opacity:1 !important;
    }

    .thumb-work-image{
        max-height: 250px;
        min-height: 250px !important;
        height: auto !important;
        height: 250px !important;
    }
}

@media (max-width: 400px) {
    div.top{
        padding: 8px 0;
    }

    div.intro {
        font-size: 24px;
    }
    div.short-about{
        padding-top: 40px;
        font-size: 14px;
    }
    .arrow{
        margin-top: 80px;
    }
    .thumb-inner:hover .thumb-hover,
    .thumb-hover:hover h3,
    .thumb-inner .thumb-hover,
    .thumb-hover h3{
        opacity:1 !important;
    }

    .header-text {
        min-height: 160px;
        height: auto;
        height: 160px;
        margin-top: 60px;
    }

    .work-header {
        font-size: 30px;
    }

    .work-details {
        font-size: 16px;
    }

    .work-role-tasks{
        font-size: 14px;
    }

    nav#top-menu ul a {
        font-size: 36px;
        line-height: 1.2;
    }

    nav#top-menu ul{
        margin: 4em auto;
    }

    .work-details,
    .work-details,
    .about,
    .contact {
        padding-top: 30px;
    }

    .work-role-tasks,
    .about-details,
    .contact-details {
        padding-top: 30px;
    }
    .thumb-hover h3{
        top: 35% !important;
    }
}