*{
	font-family:Quicksand;
	font-size:20px;
}

h1,h2,h3{
	font-family:Open Sans;
}

h1{
	font-size: 56px;
}
h2{
	font-size:48px;
}

h3{
	font-size:36px;
	color:#545454;;
}

body{
	background-color:#edf2ed;
}

#main{
	margin: 0px auto;
	
}


.inner{
	margin: 0px auto;
	max-width:1600px;
	
	padding:40px;
}

header{
	width:100%;
	background:black;
	margin: 0px;
	padding:20px;
}

#hero{
	
	 padding-top:48px;
	 padding-bottom:80px;
	 position:relatiive;
}


#hero h1{
	font-size:56px;
	margin-top:12px;
	margin-bottom:8px;
}

#hero h2{
	font-size:28px;
	color:#545454;
}

ul{

  list-style-type: '\2713';
 margin-left:0px;
 padding-left:12px;
 line-height:2em;
 font-size:20px;
}

.hero_button{
	border-radius: 28px;
	font-size:24px;
	font-weight:bold;
	font-family:Open Sans;
	border:none;
background: #23eb9b;
  padding: 15px 30px 15px 30px;
  text-decoration: none;
	margin-top:24px;
	margin-bottom:32px;
	
}
 
.alt{
	background:white;
	 padding-top:48px;
	 padding-bottom:48px;
	 position:relatiive;
}
 
.alt2{
	background:#545454;
	color:white;
	 padding-top:48px;
	 padding-bottom:48px;
	 position:relatiive;
}

.alt2 h2{
	ccolor:#23eb9b;
	color:#b8e9d6;
	
}


.hero_button:hover{
	background-color:#6bf1ad;
	color:white;
	cursor: pointer;
}

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.quicksand-<uniquifier> {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.ellipse{
 -webkit-mask-image: radial-gradient(ellipse 100% 100% at right, black 80%, transparent 50%);
position:relative;
 top:-40px;
 
 height:520px;
}
.ellipse_2{
 -webkit-mask-image: radial-gradient(ellipse 100% 100% at left, black 80%, transparent 50%);
position:relative;
 top:-48px;
 
 height:520px;
}
.ellipse_3{
-webkit-mask-image: radial-gradient(ellipse 100% 100% at right, black 80%, transparent 60%);
position:relative;
top:120px;
 
 height:600px;
}


.mobile{
	display:none;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .ellipse{
position:relative;
 top:-40px;
 
 height:520px;
}
.ellipse_2{
position:relative;
 top:-48px;
 
 height:520px;
}
.ellipse_3{

}
.desktop{
	display:none;
}

.mobile{
	display:inline-block;

}


}