/********** 1300px **********/

@media only screen and (max-width: 1300px) {

    .portfolio_main {
        top: 55px;
    }
        
}



/********** 1240px **********/

@media only screen and (max-width: 1240px) {
    
    .showcase_text {
        max-width: none;
        width: calc(100vw - 680px);
    }
    
    .slideshow_text {
        max-width: none;
        width: calc(100vw - 622px);
    }
        
}



/********** 1024px **********/

@media only screen and (max-width: 1024px) {
    
    .showcase_image, .slideshow_outside_wrapper {
        width: 400px;
    }
    
    .showcase_text {
        width: calc(100vw - 560px); /* 560 = 400 (image width) + 3*40 (paddings between elements) + 2*20 (padding between portfolio outer wrapper and portfolio) */
    }
    
    .slideshow_text {
        width: calc(100vw - 622px);
    }
    
}



/********** 800px **********/

@media only screen and (max-width: 800px) {
    
    .showcase_image /*, #slideshow */ {
        max-width: none;
        min-width: 0px;
        width: 100%;
    }
    
    .showcase_text, .slideshow_text {
        max-width: none;
        width: 100%;
    }
    
    .showcase_text.float_right {
        margin-top: 30px;
    }
    
    .showcase_text.float_left {
        margin-bottom: 30px;
    }
    
    .slideshow_text {
        margin-bottom: 0px;
    }
    
    .slideshow_outer_wrapper {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }
    
}





/********** 700px **********/

@media only screen and (max-width: 700px) {
    
    .portfolio_main {
        margin-bottom: -5px;
    }
    
    .portfolio_inner_wrapper {
        padding: 0px;
    }
    
    .showcase {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .showcase_heading {
        line-height: 125%;
    }
    
    .footer_contact_link {
        display: block;
    }
    
}