/* Styles Implemented by Nicholas M. Corey */

/*Specific Image Size Classes*/

.old-work{
    max-height: 620px;
}

.old-work-wide {
    max-height: 420px;
}

.old-work-double-wide {
    max-height: 440px;
}

.old-work-mixed {
    max-height: 620px;
}

.old-work-lawrence {
    max-height: 580px
}

.old-work-rudyard {
    max-height: 660px;
    
}

.old-work-burning {
    max-height: 620px;
    
}

.old-work-spruce {
    max-height: 440px;
    
}

.old-work-pius {
    max-height: 650px;
    
}

.old-work-unknown {
    max-height: 625px;
    
}

.slider-image {
    max-width: 650px;
}

.margin-bottom {
    margin-bottom: 20px; 
}

.thumbnails {
  width: 100px;
  height: 100px;
}

.vert-center-left {
    position: absolute;
    top: 50%;
    transform: translate(-100%);
}

.vert-center-right {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%);
    float: right;
}



.arrow {
    font-size: 32px;
    text-align: center;
}

.mobile-arrows {
    display: none;
}

.read-more {
    margin: 15px 0;
}

/*Mobile Devices*/
 
@media (max-width:990px){
    .mobile-arrows {
        display: block;
        margin-top: 20px;
    }
    
    .desktop-arrow {
        display: none;
    }
    
    .mobile-image {
        max-width: 100%;
        max-height: 100%;
        padding-top: 15px;
    }
        
    .mobile-thumbnails {
        width: 75px;
        height: 75px;
    }   
        
    
}

/*Small Desktops*/
/*
@media (min-width:991px) and (max-width:1024px){
   .mobile-arrows {
        display: block;
        margin-top: 20px;
    }
    
    .desktop-arrow {
        display: none;
    }
    
    .old-work,.old-work-wide,.old-worked-mixed {
        max-width: 100%;
        max-height: 100%;
        padding: 15px;
    }
    
    .old-work-double-wide {
        max-height: 420px;
    }
    
    
    .slider-image {
        max-width: 100%;
    } 
    
}
*/

/*1200 Breakpoint??*/

@media (min-width:991px) and (max-width:1201px){
    .mobile-arrows {
        display: block;
        margin-top: 20px;
    }
    
    .desktop-arrow {
        display: none;
    }    
    
    .past-image {
        padding-top: 15px;
    }
}


/* Medium Desktops*/

@media (min-width:1439px) and (max-width:1678px){
    .old-work {
        max-height:725px;
    } 
    
    .slider-image {
        max-width: 70%;
    } 
}

/*Large Desktops*/

@media (min-width:1679px){
    .old-work {
        max-height:875px;
    } 
    
    .slider-image {
        max-width: 80%;
    } 
    
    .old-work-pius {
        max-height: 775px;
    }
}