section {
	min-height: 100%;
	max-width: 90%;
	background-color: #fff;
	padding: 5% 5% 0% 5%;
}
section:nth-child(even){
	background-color: #f0f0f0;
}

.hero{
    margin-top: 8%;
    line-height: 1;
    display: flex;
    flex-flow: row;
    flex-direction: row;
    border: 1px solid silver;
    border-radius: 14px 0 14px 0;
	background-color: #f0f0f0;
}
.hero h1{
	font-size: 4vw;
	font-weight: 700;
	color: #333333;
	margin-bottom: 0;
}
.hero h2{
	font-size: 25px;
	font-weight: 500;
	color: #333333;
}
.button{
    background-color: #333333;
    font-size: 20px;
	font-weight: 400;
	text-decoration: none;
    color: #fff;
    border-radius: 7px;
    text-align: center;
    padding: 16px 32px 16px 32px;
}
.hero a
{
	width: fit-content;
    margin-top: 43px;
}
.button:hover{
   font-weight:500;
}
.hero div{
	width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin-left:40px;
}
.hero img{
	height:auto;
	width: -webkit-fill-available;
	margin-left:auto;
	border-radius: 14px 0 14px 0;
}
#heroTitle {
	Order:1;

}
#heroImage {
	Order:2;

}
.exp-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.exp-container span {
	background-color: #333333;
	border-radius: 10px;
	font-size: 11px;
	color:#fff;
	padding: 5px;
	margin: 2px;
}
.exp-box:hover
{
	background-color: #ebebeb;
}
.exp-box{
	display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	width: 28%;
	/*padding: 5% 0% 5% 0%;*/
	padding: 30px;
	margin-top: 2%;
	border: 1px solid #333333;
	border-radius: 12px;
	background-color:#fff;
	min-height: 140px;
}
.exp-number{
font-size: 4vw;
    font-weight: 500;
    width: auto;
    /* height: 113px; */
    margin-right: 2%;
    /* padding-right: 3px;*/
	display:none;
}
.exp-title{
    font-size: 1.5vw;
    font-weight: 500;
    width: auto;
    /* height: 113px; */
    display: flex;
    align-items: center;
	margin-bottom: 5px;
}
.exp-text{
	font-size: 20px;
    font-weight: 400;
    max-height: 150px;
    overflow: hidden;
    min-height: 147px;
}
.expt-title{
	font-size:48px;
	width:500px;
}

.contact{
	display: flex;
    align-items: center;
	color: #333333;
	height:75vh;
}
.contact h1{
	font-size:96px;
	margin-bottom:0;
    text-align: center;
}
.contact h2{
	font-size:20px;
}
.contact-screen{
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;
}
.contact-screen a{
	margin-top: 43px;
}