.skulpt-paragraph {}
@media (min-width: 900px)	 { .skulpt-paragraph { margin: 100px 0; } }
@media (max-width: 899.99px) { .skulpt-paragraph { margin:  75px 0; } }

/*-------------------------------------------------------------------------------------------*/

.skulpt-paragraph > .content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.skulpt-paragraph > .content-wrapper > .logo {
	position: relative;
	margin-bottom: 50px;
}
.skulpt-paragraph > .content-wrapper > .hook {
	max-width: 680px;
	margin: 0;
	
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 4px;
}
.skulpt-paragraph > .content-wrapper > .hook:not(:last-child) { margin-bottom: 25px; }
.skulpt-paragraph > .content-wrapper > .title {
	max-width: 680px;
	margin: 0;
	
	text-transform: uppercase;
	font-weight: 400;
}
.skulpt-paragraph > .content-wrapper > .title:not(:last-child) { margin-bottom: 25px; }
.skulpt-paragraph > .content-wrapper > .content {
	max-width: 600px;
	margin: 0;
	
	font-weight: 400;
}
.skulpt-paragraph > .content-wrapper > .content:not(:last-child) { margin-bottom: 45px; }
@media (min-width: 900px) {
	.skulpt-paragraph > .content-wrapper > .logo { max-width: 220px; }
	.skulpt-paragraph > .content-wrapper > .title	{ font-size: 36px; }
	.skulpt-paragraph > .content-wrapper > .content { font-size: 16px; }
}
@media (max-width: 899.99px) {
	.skulpt-paragraph > .content-wrapper > .logo { max-width: 150px; }
	.skulpt-paragraph > .content-wrapper > .title	{ font-size: 24px; }
	.skulpt-paragraph > .content-wrapper > .content { font-size: 16px; }
}