.image{}

.image__circle{
	height:0;
	padding-bottom:100%;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:1.5rem;
}

.image__full-height{
	
	height:100%;
	img{width:100%;height:100%;object-fit: cover;}
	
}


.image__grid-y{
	
	height:25vh;
	overflow:hidden;
	background-color:$primary-color;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position:relative;
	//@include animate();
	
	.image-text{
		text-align:center;
		text-transform:uppercase;
		height:100%;
		line-height:100%;

		.image-heading{
			margin:0;
			position:relative;
			top:50%;
			transform:translateY(-50%);
		}
		.image-link{
			text-indent:-5000px;
			display:block;
			color:$black;
			&::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;}
		}
	}
	&:hover{
		background-color:darken($primary-color,10%);
	}
}


.page-image{
	position:relative;left:-2rem;width:calc(100% + 4rem);height:24rem;overflow:hidden;margin:1.5rem 0;
	img{min-width:100%;}
}



.tag-line{
}

.page-row{
	
	h1,h2,h3,h4,h5{
		color: $primary-color;
		text-transform:uppercase;
	}
	h2,h3{font-weight:$global-weight-normal;}
	
}