﻿
.spacer {
	width: 100%;
	height: 10px;
	order: 1;
}
.text {
	text-align: center;
	width: 100%;
	height: auto;
	padding-top: 10px;
	order: 2;
}
.text h1 {
	font-size: 20px;
	color: #000000;
	font-weight: 600;
}
.text h3 {
	padding-top: 10px;
	font-weight: 450;
	font-size: 17px;
}




@media screen and (max-width: 1119px) and (min-width: 768px) {
.spacer {
	height: 0px;
}
.text {
	padding-top: 30px;
}
.text h1 {
	font-size: 18px;
	font-weight: 600;
}
.text h3 {
	padding-top: 10px;
	font-weight: 450;
	font-size: 16px;
}
}
	
	

@media screen and (max-width: 767px) and (min-width: 667px) {
.spacer {
	height: 0px;
}
.text {
	padding-top: 0px;
}
.text h1 {
	font-size: 17px;
	font-weight: 600;
}
.text h3 {
	padding-top: 10px;
	font-weight: 450;
	font-size: 15px;
}
}



@media screen and (max-width: 666px) {
.spacer {
	height: 20px;
}
.text {
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}
.text h1 {
	font-size: 14.5px;
	font-weight: 500;
}
.text h3 {
	padding-top: 20px;
	font-weight: 400;
	font-size: 13px;
}
}