/* Hero with 3 buttons */
.hero-with-3-buttons {
    height: 700px;
/* 	background-image: url(https://www.stonybrook.edu/commcms/_ying/_images/Hero-3-buttons.JPG); */
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.three-button-hero-bg{
/* 	background-image: unset !important; */
}

.three-button-hero-button-title {
    margin: 14rem 10% 0 10%;
}
.three-button-hero-button-title h1{
	color: #fff !important;
    text-align: center !important;
	margin-top:unset !important;
	font-size: 45px;
}

.three-button-hero-button-subtitle {
	padding-top: 1rem;
	margin: 0 5%;
}

.three-button-hero-button-subtitle h2{
	color: #fff !important;
    text-align: center !important;
	margin-top:unset !important;
}

.three-button-hero-button-container {
	text-align: center;
    padding-top: 2rem;
    display: flex;
	flex-wrap: wrap;
	gap: 20px;
    height: fit-content;
	margin:auto 20%;
}

.three-button-hero-button-container-button {
	width: 250px;
    height: 60px;
    background: #990000;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 55px;
	border: 1px solid white;
}


.three-button-hero-button-container-button:focus, .three-button-hero-button-container-button:hover {
	text-decoration:none;
}

.three-button-hero-button-container-button:after {
  display:block;
  content: '';
  border-bottom: solid 3px white;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.three-button-hero-button-container-button:hover:after { transform: scaleX(1); }

.svg-inline--fa {
    display: inline-block;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
@media only screen and (min-width: 1001px){
	.three-button-hero-bg{
		background-image: unset !important;
	}
}

@media only screen and (max-width: 1000px){
	.hero-with-3-buttons {
		background-image: unset !important;
		height: fit-content;
    	margin-bottom: 50px;
	}
	.three-button-hero-bg{
/* 		background-image: url(https://www.stonybrook.edu/commcms/_ying/_images/Hero-3-buttons.JPG); */
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 250px;
	}
	.three-button-hero-button-title {
    	margin: 0 5%;
	}
	.three-button-hero-button-title h1{
		color: unset !important;
		margin-top:2rem !important;
		font-size:40px;
	}
	.three-button-hero-button-subtitle h2{
    	color: unset !important;
	}
}