h1 {

	font-size: 28px;

}



p {

	font-size: 16px;

}



h2 {

	font-size: 28px;

}



h3,

h4,

h5 {

	font-size: 24px;

}



p {

	color: #b3b3b3;

}



.section-1 {

	position: relative;

	margin-top: -5px;

}



.section-1 .container .rr-logo {

	width: 450px;

	padding-bottom: 0px;

}



.section-1 h5 {

	font-weight: 600

}



.section-1 .container {

	position: absolute;

	color: aliceblue;

	top: 50%;

	width: 77%;

	padding-left: 28%;

	margin-top: -11%;

}



.section-1 .container p {

	color: #ebebeb;

}



.compatible {

	background-color: #111;

}



.compatible .container {

	text-align: left;

	padding: 2% 6%;

}



.compatible .container h1 {

	line-height: 50px;

	color: #FFF;

}



.section-3 .container {

	color: aliceblue;

	text-align: center;

	min-width: 100%;

	position: absolute;

	width: 100%;

	top: 75%;

}



.section-3 .container p {

	color: #ebebeb;

}



.section-4 .container h1 {

	color: #1a1a1a;

}



.spec .container .row img {

	padding: 3% 15px;

}



@media only screen and (max-width:480px) {

	h1 {

		font-size: 22px !important;

		line-height: 30px;

	}



	h2 {

		font-size: 24px;

	}



	h4 {

		font-size: 1.98rem;

	}



	p {

		color: grey !important;

		font-size: 12px;

	}



	h3 {

		font-size: 18px !important

	}



	li {

		font-size: 12px !important

	}



	.section-1 .rr-logo {

		width: 85% !important;

	}



	.compatible h1 {

		font-size: 20px !important;

		line-height: 26px !important;

	}



	.compatible .container {

		padding: 10px 25px

	}

}



@media only screen and (min-width:768px) and (max-width:1023px) {

	h1 {

		font-size: 24px;

	}



	p,

	li {

		font-size: 12px !important;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.section-1 .rr-logo {

		width: 70% !important;

	}



	.section-1 .container {

		width: 82%;

		margin-top: -20%;

		padding-left: 22%;

	}



	.compatible .container {

		padding: 10px 30px;

	}



	.compatible .container h1 {

		line-height: 30px;

	}

}



@media only screen and (min-width:1024px) and (max-width:1279px) {

	h1 {

		font-size: 28px;

	}



	p {

		font-size: 14px;

	}



	li {

		font-size: 12px !important;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		width: 89%;

		margin-top: -18%;

	}



	.compatible .container {

		padding: 30px;

	}



	.compatible .container h1 {

		line-height: 30px;

	}

}



@media only screen and (min-width:1280px) and (max-width:1365px) {

	h1 {

		font-size: 28px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 88%

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		width: 80%;

		margin-top: -16%;

	}



	.compatible .container {

		padding: 30px;

		width: 57%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1366px) and (max-width:1440px) {

	h1 {

		font-size: 30px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		width: 75%;

		margin-top: -14%;

	}



	.compatible .container {

		padding: 30px;

		width: 57%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1536px) and (max-width:1600px) {

	h1 {

		font-size: 30px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		width: 80%;

		margin-top: -13%;

	}



	.compatible .container {

		padding: 30px;

		width: 57%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1921px) and (max-width:2560px) {

	h1 {

		font-size: 40px;

	}



	p {

		font-size: 16px;

	}



	h2 {

		font-size: 40px !important;

	}



	h4,

	h5 {

		font-size: 24px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 48% !important;

	}



	.section-1 .container {

		width: 70%;

		margin-top: -12%;

	}



	.compatible .container {

		padding: 50px;

		width: 68%

	}



	.compatible .container h1 {

		line-height: 50px;

	}

}



@media only screen and (min-width:2880px) and (max-width:3200px) {

	h1 {

		font-size: 48px;

	}



	p {

		font-size: 18px;

	}



	h2 {

		font-size: 40px !important;

	}



	h3,

	h4,

	h5 {

		font-size: 24px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 40% !important;

	}



	.section-1 .container {

		width: 80%;

		margin-top: -12%;

	}



	.compatible .container {

		padding: 60px;

		width: 75%

	}



	.compatible .container h1 {

		line-height: 60px;

	}

}