#banner .tint{ width:100%; height:100%; z-index:2; position:absolute; display: table; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; }
#banner .tint .tit{ display:inline-block; display: table-cell; vertical-align: middle; }
#banner .tint .img { position:relative; margin-top:56px; }

#banner .tint {
    .tit {
        p {
            margin: 0;
            color: #fff;
            line-height: 1.5;
            text-shadow: 3px 3px 1px #333;
            word-break: keep-all;
        }

        .p1 {
            font-size: 20px;
        }

        .name {
            padding: 15px 0;
            font-size: 65px;
            font-weight: 700;
        }

        .p2 span {
            display: block;
            font-size: 18px;
        }
        @media (width < 992px){
            .p1 {
                font-size: 18px;
            }
            .name {
                padding: 25px 0;
            }
            .p2 {
                padding: 0 20px;
                span {
                    font-size: 16px;
                    display: inline;   
                }
            }
        }
        @media (width <= 768px){
            .p1 {
                margin: 0 auto;
                max-width: 450px;
            }
            .name {
                font-size: 55px;
            }
            .p2 {
                margin: 0 auto;
                max-width: 600px;
                span {
                    font-size: 15px;
                    display: inline;   
                }
            }
        }
        @media (width <= 576px){
            .p1 {
                font-size: 16px;
            }
            .name {
                padding: 15px 0 20px;
                font-size: 45px;
            }
            .p2 {
              
                span {
                    font-size: 13px;                    
                    &:first-of-type {
                        display: none;
                    }
                }
            }
        }
        @media (width <= 420px){
            .p1 {
                display: none;
            }
            .name {    
                padding: 0;            
                font-size: 35px;
            }
            .p2 {
                display: none;
            }
        }
    }
}