// .scss files will get core functions and variables automatically from build script

.page-hero { 
	
	&.tall { background-image: url('/images/hero/tug-grid-small.jpg'); }

	h1 a, .page-hero-heading a {
		display: block;		
		
		width: 100%;
		height: auto;
		margin: auto;
		max-width: 250px;
		background-image: url('/student-life/calendar/_resources/hub-logo.svg');
		background-repeat: no-repeat;
		background-size: cover;
		
		// hide text
		text-indent: -9999px;
		white-space: nowrap;
		line-height: 0;
		
		
		&:after {
			content: '';
			display: block;
			height: 0;
			padding-top: 28.6155%;
		}
	}
	
	
	@media (min-width: 768px){
		&.tall { background-image: url('/images/hero/tug-grid-large.jpg'); }
		
		h1 a, .page-hero-heading a { max-width: 339px; }
	}

}