body {
	font-family: 'Roboto', sans-serif;
}

a {

	text-decoration:none;
	color:rgb(79, 107, 209);
}

a:hover {
	color:#efc62c;
}

.header {
	margin: 20px 0px 0px 0px;
	padding: 20px;
	background: #000000;
	background-position: center top;
	width: 100%;
	/* position: fixed; */
	top: 4;
}

.menuLocationText {
	color: rgb(202, 39, 64);
	font-weight: bold;
	display: inline;
}

.menuLocationText a {
	color: rgb(202, 39, 64);
	font-weight: bold;
}

.logo h1 a {
	color:#ffffff;
}

.content {
	width: 80%;
	margin: 20px auto 20px;
	padding: 20px;
	background-color: rgba(27,49,27,0.6);
	color:white;
}

.footer {
	width: 90%;
	margin: 20px auto 20px;
	padding: 20px;
	/* position: absolute; */
	position: fixed;
	background: #000000;
    /* bottom: 5; */
	bottom: 0;
	color:#efc62c;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}



img.rounded-corners {
	display: inline-block;
	position: relative;
	width: 250px;
	height: 250px;
	overflow: hidden;
	overflow: inherit;
	border-radius: 50%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border: solid 1px #FC5185;

	transition: 
    background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1),
    border 1s cubic-bezier(0.19, 1, 0.22, 1),
    color 0.6s cubic-bezier(0.19, 1, 0.22, 1),
	outline 0.6s linear,
	border-color(#0611a8),
	border-width(10px);

}
img:hover .rounded-corners{
	transition: 
    background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1),
    border 1s cubic-bezier(0.19, 1, 0.22, 1),
    color 0.6s cubic-bezier(0.19, 1, 0.22, 1),
	outline 0.6s linear,
	border-color(#0611a8),
	
	border-width(10px);
}



/* https://freebiesupply.com/blog/css-button-hover-effects/ */
.button .mask {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	height: 10px;
	position: absolute;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	/*
	transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1);
	*/
	transition: 400ms cubic-bezier(0.19, 1, 0.22, 1);

	transition-timing-function: ease-in;
	width: 400px;
}
.button .shift {
	display: inline-block;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button:hover {
	background-color: rgba(255, 255, 255, 0.05);
	border-color: #fff;
	box-shadow: 0 0 5px rgba(255, 245, 245, 0.8);
}
.button:hover a {
	color: #fff;
}
.button:hover .mask {
	background-color: #fff;
	
	transform: translate3d(120%, -400px, 0) rotate3d(0, 0, 1, 90deg);
}

.button:hover .shift {
	transform: translateX(5px);
}

span:hover .staffImgSpan{
	box-shadow: 0 -3px red;
}

.staffBox{
	width: 27%;
	padding: 15px;
	margin: 15px;
	/* display: inline-block; */
	display: grid;
	
	position: relative;
	//background: #FFFFFF;
	align-items: center;
	justify-content: center;


	overflow: hidden;
	cursor: pointer;
	/*clip: rect(110px, 160px, 170px, 60px);  or "auto" */
	clip: inset-rectangle(1px 1px 1px 1px );
	display: grid;
}

.staffName{
	font-family: 'Montserrat', sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-rendering: optimizeLegibility;
	align-items: center;
	justify-content: center;
}

.staffPosition{
	font-family: 'Oswald', sans-serif;
	color: #00000;
	text-rendering: optimizeLegibility;
	align-items: center;
	justify-content: center;

}

.staffbio{
	font-family: montserrat;
	color: #004a7a;
	text-rendering: optimizeLegibility;
	align-items: center;
	justify-content: center;
}

.product{
	padding: 15px;
	margin: 15px;
	display: inline-block;
	//background-color: ;
	text-rendering: optimizeLegibility;
	font-family: montserrat;
	align-items: center;
	justify-content: center;
}