body {
	 padding: 0;
	 font-size: 18px;
	 line-height: 22px;
	 background-color: rgba(250, 249, 246, 1);
	 color: rgba(68, 68, 68, 1);
	 font-family: 'Cardo', serif;
	 font-weight: 400;
	 font-style: normal;
}

div.wrapper {
	 width: 630px;
	 margin: 0 auto;
	 padding: 50px 0;
	 text-align: center;
}

a:link { 
	color: rgba(68, 68, 68, 1); 
	text-decoration: none; 
}
a:visited { 
	color: rgba(68, 68, 68, 1); 
	text-decoration: none; 
}
a:active { 
	color: rgba(68, 68, 68, 1);
	text-decoration: none; 
}
a:hover { 
	color: rgba(68, 68, 68, 1); 
	text-decoration: underline; 
}

p {
	 width: 630px;
	 font-family: 'Cardo', serif;
	 font-weight: 400;
	 font-style: italic;
	 font-size: 18px;
	 line-height: 22px;
	 margin: 20px 0px 25px 0px;
}

h1 {
	 text-align: center;
	 width: 630px;
	 color: #a20d2b;
	 font-family: 'Cardo', serif;
	 font-weight: 400;
	 font-style: normal;
	 font-size: 38px;
	 line-height: 42px;
	 margin: 20px 0px 0px 0px;
}

img.square {
	 max-width: 100%;
	 width: 350px;
	 margin: 0px;
}



@media only screen and (max-width: 480px) {
	 p {
	 width: 480px;
	 font-size: 17px;
	 line-height: 20px;
}

img.square {
	 width: 315px;
}

div.wrapper {
	 width: 480px;
	 height: 100%;
}

h1 {
	 width: 480px;
	 font-size: 33px;
}

}



@media only screen 
and (min-width: 375px)
and (max-width: 667px) {
	 p {
	 width: 375px;
	 font-size: 17px;
	 line-height: 20px;
}

img.square {
	 width: 315px;
}

div.wrapper {
	 width: 375px;
	 height: 100%;
}

h1 {
	 width: 375px;
	 font-size: 33px;
}

}



@media only screen 
and (min-width: 320px)
and (max-width: 568px) {
	 p {
	 width: 320px;
	 font-size: 16px;
	 line-height: 18px;
}

img.square {
	 width: 280px;
}

div.wrapper {
	 width: 320px;
	 height: 100%;
}

h1 {
	 width: 320px;
	 font-size: 30px;
}

}



@media only screen and (max-width: 320px) {
	 p {
	 width: 320px;
	 font-size: 16px;
	 line-height: 18px;
}

img.square {
	 width: 280px;
}

div.wrapper {
	 width: 320px;
	 height: 100%;
}

h1 {
	 width: 320px;
	 font-size: 30px;
}

}