body {
        display: flex;
	margin:  0px;
	padding: 0px;
	height: 100vh;
}

.narkhov-pro-eclipse-main {
	background: url('../images/eclipse-bg.jpg') 50% 50% no-repeat;
	background-size:cover;
	padding-left:20px;
}

.narkhov-pro-eclipse-container > h3 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
}


.narkhov-pro-eclipse-container > p {
	font-family: 'Roboto Condensed', sans-serif;
	color: #f0f0f0;
}

.narkhov-pro-eclipse-container a, .narkhov-pro-eclipse-container a:visited {
	font-family: 'Roboto Condensed', sans-serif;
	color: #8cb5f7;
	border-bottom: 1px dotted #8cb5f7;
	text-decoration:none;
}

.narkhov-pro-eclipse-container a:hover {
	color: #d6a2f9;
	border-bottom: 1px dotted #d6a2f9;
	text-decoration:none;
}

@media screen and (min-width: 451px)  {
	.narkhov-pro-eclipse-container > h3 { font-size:24pt; } 
	.narkhov-pro-eclipse-container > p { font-size:14pt; }
}

@media screen and (max-width: 450px)  {
	.narkhov-pro-eclipse-container > h3 { font-size:20pt; } 
	.narkhov-pro-eclipse-container > p { font-size:10pt; }
}