body {
	background: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #3A7ABC;
	line-height:1.5;
	font-weight:500
}
h1 {
	font-size: 24px;
	font-weight:600;
	color: #0A5286;
}
footer {
	font-size:12px;
	font-weight:600;
	color:#0A5286;
}
@media screen and (max-width:768px) {
	body {
		max-width:90%;
		margin:auto;
	}
}
@media screen and (max-width:359px) {
	#loader {
		max-width:100%;
	}
}
@media screen and (max-width:249px) {
	#logo {
		max-width:100%;
	}
}
#info-page-content {
    max-width:550px;
    padding: 0px 15px;
}
.popup-title-alert {
	font-size: 18px;
	font-size: 1.8rem;
    font-weight: 400;
    color: #AD0000;
    vertical-align: middle;
}

.popup-content {
	font-size: 14px;
	font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
	color: #777;
    vertical-align: middle;
}

.popup-button {
	font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
}

/* White Popup Block */
.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

.white-popup-block.white-popup-block-xs {
	max-width: 200px;
}

.white-popup-block.white-popup-block-sm {
	max-width: 400px;
}

.white-popup-block.white-popup-block-md {
	max-width: 600px;
}

.white-popup-block.white-popup-block-lg {
	max-width: 900px;
}

/* Dark */
html.dark .white-popup-block,
html.dark .dialog {
	background: #1d2127;
}