.block-hero .hero-image {padding-top:25vw;background-repeat: no-repeat; background-position: 0% 13% !important; background-size: cover;/*border-top:6px solid #c10a26;*/margin-top: -2rem;}
.block-hero .hero-image .hero-subtitle {color: #fff;  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));padding: .5rem 2rem;font-size: 10px;}



/* Temporary Hero Banner for endangered buildings */


@media (max-width:768px) {
    .block-hero .hero-image {padding-top: 50vw;}    
    .block-hero .hero-image .hero-subtitle {background: rgba(0, 0, 0, 0.65);}
}


@media(max-width:550px){
	
	.block-hero .hero-image {background-position: 0% -16% !important;}

}

@media (max-width:375px) {
    .block-hero .hero-image {padding-top: 75vw;}    
}


@media (max-width: 370px) {
    
	.block-hero .hero-image {margin-top: 2.5rem !important; background-position: 0% -13% !important;}
	
}

@media (max-width: 320px) {
    .block-hero .hero-image {
        margin-top: 3.5rem !important;
		background-position: 0% -34% !important;
    }