.basic {
	padding: 50px 20px 70px 20px;
}

.overlay-desc h2{
	font-family: proxima-nova, sans-serif;
}
.basic h3 {
	font-family: proxima-nova, sans-serif;
	line-height: 1;
}
.circle__content{
	font-family: proxima-nova, sans-serif;
}
.main .column-headline{
	font-family: proxima-nova, sans-serif;
	line-height: 1;
	font-size: 3rem;
	margin-bottom:50px;
}
.cards4-borderless .autowide .module h4{
	font-family: proxima-nova, sans-serif;
}
.explore{
	font-family: proxima-nova, sans-serif;
}
.basic p {
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.9em;
    max-width: 800px;
    margin-bottom: 1.5em;
    letter-spacing: 0.05em;
}
.main .column-text {
	font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    text-align: left;
}
.overlay-desc .smiley-title{
	font-size: 5rem;
}
.smiley-icon{
	width:10%;
}
@media screen and (max-width:1200px) {
.main .column-text {
	font-size: 0.8rem;
}
.main .column-headline{
	font-size: 2.5rem;
	margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.mbig #overview .row {
	padding: 5%;
}
.basic {
	padding: 30px 5% 50px 5%;
}
.grid .col-copy {
	padding-top: 60px;
}
.overlay-desc .smiley-title {
	font-size: 3rem;
}
}
@media only screen and (max-width: 600px){
.overlay-desc .smiley-title {
	font-size: 2.3rem;
}
}
@media only screen and (max-width: 480px){
.overlay-desc .smiley-title {
	font-size: 2rem;
}
}
@media only screen and (max-width: 400px){
.overlay-desc .smiley-title {
	font-size: 1.6rem;
}
}