body{
	background-color: rgba(230,250,220,0.7);

}
div.title{
	position: absolute;
	left: 30%;
	max-width: 40%;
	text-align: center;
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 3.3vw;
}
 /*.box {
 	margin-top: 200px;
 	position: absolute;
 	top:40.8%;
 	left: 18%;
    width: 80%;
    height: 50px;
    margin: auto;
    padding: 10px;
    float: left;
}
.stuff {
    width: 30%;
    float: left;
}
.pics:hover{
	filter: opacity(.5);
}*/
.container1 {
 	margin-top: 50px;
 	position: absolute;
 	top:41.8%;
 	left: 12%;
    width: 80%;
    height: 300px;
    margin: auto;
    padding: 10px;
    float: left;
}
.one {
    width: 40%;
    float: left;
}
.two {
    margin-top: -0%;
    padding-left: 5%;
    width: 55%;
    background: none;
    font-family: 'Quattrocento Sans', sans-serif;
    line-height: 1.7vw;
    font-size: 1vw;
    float: left;
}
.one:hover{
	filter: opacity(0.6);
	transform: rotate(30deg);
}