*,
*:before,
*:after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	background-color: RGB(45, 44, 42);
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 20px;

	color: RGB(251, 245, 245);
	
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
 	font-family: 'Lora', serif;
 	font-weight: 600;
 	font-style: italic;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);   
	
	text-align: center;
}
.foto {

}

.foto img {
   max-width: 330px;
   max-height: 330px;
   object-fit: cover;
   border-radius: 50%;
   
   transition: ease 0.7s;
}
.foto img:hover {
	transform: scale(1.02);
}
.info{
	margin-top: 24px;
}


@media (max-width: 992px) {
	.info h1 {
		line-height: 1;
	}
	.info p {
		padding-top: 8px;
		line-height: 1.33;
	}
}