body{font-family: 'fira_sans'; font-size: 1em; font-weight: 300; line-height: 140%; margin:0px; padding:0px; border: none; background-color: #71ad4a; box-sizing: border-box; color: #447024;}
.main {background-color: #e8ffd9; max-width: 580px; margin: 2rem auto; padding: 2rem; border-radius: 1.5rem;}
.logo {max-width: 80%; display: block; margin: 1.5rem auto;}
.text {margin: 2rem 0; text-align:center;}
.biolink {display: flex; align-items: center; text-decoration: none; background-color: #70ad3f; border-radius: 2rem; padding: 0.5rem 1rem 0.5rem 1.3rem; color:white; min-height: 2.5rem;}
.biolink + .biolink {margin-top: 1rem;}
.biolink img {width: 2.5rem; height: auto;}
.biolink div {flex-grow:1; text-align:center; margin: 0 2rem 0 0.5rem; font-weight: bold; font-size: 1.25rem}
.socialFooter {background-color: #cdf3b5; margin-top:2rem; text-align: center; border-radius: 0.75rem;}
.socialFooter a {border-radius: 10%; background-color: #71ad4a; display: inline-block; width: 40px; height: 40px; margin:0.5rem;}
.socialFooter img {width: 40px; height: 40px;}

@media only screen and (max-width: 700px) {
	.main {margin: 2rem;}
}

@media only screen and (max-width: 450px) {
	.main {margin: 1.2rem;}
}