@charset 'utf-8';




#banner {; } 
#banner .tint { position:absolute; top:55%; left:0; right:0;  z-index:2; width:100%; color: #fff; transform:translateY(-50%);}
#banner .tint h2 { padding: 0 0 20px; margin: 0; font-size: 45px; font-weight: 500; line-height: 1; color: #fff;}    
#banner .tint p { padding: 0 10px;}
#banner .tint p span { display: block;}

@media (max-width:768px){   
    #banner .tint h2 { padding: 0 0 15px; }     
    #banner .tint p { font-size: 15px;}      
}    
@media (max-width:576px){
    #banner .tint h2 { font-size: 43px; }
    #banner .tint p { font-size: 14px;} 
}    
@media (max-width:480px){    
    #banner .tint p span { display: inline; word-break: keep-all;}
}