@charset "utf-8";

.aboutBackground {
	background-color: hsla(220,57%,42%,0.60);

}
.about {
	background-color: hsla(0,0%,100%,0.80);
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 12%;
	margin-right: 12%;
	border-radius: 40px;
	padding: 40px;
}


.about h1 {
	color: hsla(137,65%,38%,1.00);
	margin: 0 0 10px;
	font-size: 40px;
}

.about h2 {
	color: hsla(226,50%,42%,1.00);
	margin-top: 0px;
	margin-bottom: 16px;
	font-size: 36px;
	font-family: annie-use-your-telescope;
	font-style: normal;
	font-weight: 700;
}

.about .leftColumn {
	float: left;
	clear: none;
	width: 50%;
}




.about .graciasPhoto {
	float: right;
	width: 48%;
	margin-left: 2%;
	clear: none;
	display: block;
}

.about .graciasPhoto img {
	width: 100%;
	height: auto;
	float: left;
	max-width: 800px;
	border-radius: 40px;
}


@media screen and (max-width:1800px){
.about {
	margin-left: 3%;
	margin-right: 3%;
}
}

@media screen and (max-width:1400px){
.about .leftColumn {
	width: 60%;
}

.about .graciasPhoto {
	width: 38%;
}
}

@media screen and (max-width:1200px){
.about .leftColumn {
	width: 100%;
	margin-bottom: 40px;
}

.about .graciasPhoto {
	width: 100%;
	margin-left: 0%;
}
}

@media screen and (max-width:767px){
.about {
	margin: 30px;
	padding: 20px;
	border-radius: 20px;
}
.about h2 {
	font-size: 28px;
}
}