﻿
@media screen and (max-width : 1199px) {

    #blueimp-gallery .slide-content {
        width: 940px;
    }

    .person .person_image {
        padding-bottom: 75%;
    }

    .person .person_image .inner {
        margin: 0 25%;
    }

    .person .person_image a {  
        margin: 0 25%;
    }
    
    .person .person_name {
        margin: 15px 25% 5px 25%;
    }

    .person .person_position {
        margin: 0 25%;
    }

}

@media screen and (max-width : 991px) {
    
    #blueimp-gallery .slide-content {
        width: 720px;
    }

}

@media screen and (max-width : 767px) {
    
    #blueimp-gallery .slide-content {
        width: calc(100% - 30px);
    }

    .modal_person {
        overflow: scroll;
        min-height: 500px;
        max-height: 500px;
    }

    .modal_person_img {
        display: none;
    }
}