@charset "utf-8";
/* CSS Document */

.work-tiles {
    
    width:100%; 
    display:-webkit-flex;display: -moz-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;
    
}

.work-tiles h4 {

    font-size: 14px;
    line-height:14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    padding-top:20px;
    padding-bottom:40px;
    color:#262626;
    margin-left: 40px;

}

.work-tile {
    
    height:auto;
    margin: 0 20px 20px 0;
    overflow: hidden;
    
}

.work-tile img {
 
    display:-webkit-flex;display:-ms-flexbox;display:flex;
    width:100%;
    height:auto;
    
}

.work-tile .text {
 
    font-family:"New Baskerville ITC W01 Roman","Times New Roman",Times, serif;
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 10px;
    
}

.work-tile .strap {

    margin-top: 10px;
    
}

.work-tile .strap-text  {
 
    font-family: "New Baskerville ITC W01 Italic","Times New Roman",Times, serif;

}

.work-tile h2 {
    
    margin:0;
    padding:0;
    font-weight: normal;
    display: inline;
    font-size:inherit;   
    
}

.work-tile.small {
    
    width:calc(25% - 20px); 
    
}

.work-tile.small .text {
    
    width:84%;  
    
}

.work-tile.medium {
    
    width:calc(50% - 20px);
    
}

.work-tile.medium .text {
    
    width:66%;  
    
}

.work-tile .tags {
    
    margin-top: 20px;
    
}

@media only screen and (max-width: 1919px) {
    
    .work-tile .text {

        font-size: 24px;
        line-height: 30px;

    }

}

@media only screen and (max-width: 1439px) {
 
    .work-tile {

        margin: 0 10px 20px 0;

    }
    
    .work-tile .text {

        font-size: 18px;
        line-height: 24px;

    }
    
    .work-tile.small {
        
        width:calc(25% - 10px);

    }
    
    .work-tile.medium {
        
        width:calc(50% - 10px);

    }

}

@media only screen and (max-width: 767px), screen and (max-height: 511px) {

    .work-tile {

        margin: 0 0 20px 0;

    }
    
    .work-tile .text {

        font-size: 24px;
        line-height: 30px;

    }
    
    .work-tile.small, .work-tile.medium {

        width:100%;   

    }
    
    .work-tile .text, .work-tile.small .text, .work-tile.medium .text {

        width: calc(100% - 100px);
        margin-left:20px;
        margin-right: auto;

    }

}

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

    .work-tile .text, .work-tile.small .text, .work-tile.medium .text {

        width: calc(100% - 80px);
        margin-left:20px;
        margin-right: auto;

    }


}