.demo-1 {
	--color-text: #000;
	--color-bg: #fff;
	--color-link: #000;
	--color-link-hover: #ac1122;
	--color-info: #ac1122;
	--color-title: #000;
	--color-subtitle: #000;
	--color-subtitle-bg: #ac1122;
}

p.logo-area {
    margin-top: 180px;
}


.content__title {
font-size: 24px;
    font-weight: 400 !important;
    color: var(--color-title);
    text-align: center;
    margin: 0;
    pointer-events: none;
    text-transform: uppercase;
    font-family: 'Presicav Rg';
    margin-top: 90px;
    margin-bottom: 6px;
}

.content__subtitle {
	font-size: 1.25em;
    background: #47c8ba;
    color: var(--color-subtitle);
    padding: 8px 0px;
    line-height: 1;
    letter-spacing: 1px;
    text-indent: 0.5em;
    text-transform: uppercase;
    font-family: 'Presicav Rg';
    width: 241px;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
}

/************responsive css start**********/

@media only screen and ( min-width: 992px ) and ( max-width: 1200px ) {
	.logo-area {
		max-width: 620px;
	}

	.logo {
		margin-left: 15px;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 992px ) {
	.logo-area {
		max-width: 520px;
	}

	.logo {
		margin-left: 10px;
	}

}

@media only screen and ( max-width: 768px ) {
	.logo-area {
		max-width: 520px;
	}

	.logo {
		margin-left: 10px;
	}
}


@media only screen and ( max-width: 767px ) {
	.logo-area {
		max-width: 420px;
	}

	.logo {
		margin-left: 10px;
	}

}


@media only screen and ( max-width: 479px ) {
	.logo-area {
		max-width: 300px;
	}

	.logo {
		margin-left: 10px;
	}

	.content__title, .content__subtitle {
		font-size: 18px;
	}
}
