html, body{ background:#fff; margin:0; padding:0; }

#mainHolder{ position:relative; width:100%; max-width:1620px; height:100%; font-family: 'Lato', sans-serif; text-align:center; margin:auto; }
#header{ max-width:500px; width:100%; margin:100px auto;}
.desc{ max-width:900px; width:100%; margin:50px auto;}
#package{ max-width:300px; width:100%; margin:50px auto;}
#create{ max-width:400px; width:100%; margin:50px auto;}
.section{ margin:130px 0 50px;}
.colorGrey{ color:#666; }
#purchase{ max-width:200px; width:100%; margin:50px auto; background:#1a3eb5; border-bottom:#121082 solid 15px; transition:background 0.5s; }
#purchase:hover{ background:#2121a5; border-bottom:#121082 solid 15px; }

.listing ul{ list-style:none; margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content:center; }
.listing li{ width:23%; margin:1% 1%; justify-content: center; }

#features{ max-width:160px; width:100%; margin:50px auto;}
.features{ text-align:left; max-width:600px; width:100%; margin:auto; }

#setup{ max-width:110px; width:100%; margin:50px auto;}
.setupcode{ max-width:900px; width:100%; margin:50px auto;}

.fontGeneral{ font-size:20px; line-height:35px;}
.fontCode{ font-size:13px; line-height:15px;}

pre{ border-radius:10px; }
.fitImg img{ width:100%; height:auto; display:block; }

@media only screen and (max-width: 1200px) {
	.listing li{ width:31%; margin:1% 1%; justify-content: center; }
}

@media only screen and (max-width: 950px) {
	.desc{ width:90%; margin:50px auto;}
	.setupcode{ width:90%; margin:50px auto;}
	.fontGeneral{ font-size:15px; line-height:25px;}
	.listing li{ width:44%; margin:1% 1%; justify-content: center; }
}

@media only screen and (max-width: 450px) {
	#header{ width:90%; }
	.listing li{ width:85%; margin:1% 0%; justify-content: center; }
}