/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; GENERAL ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */

a:link { text-decoration: none; }

/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; INDEX ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */

.top { width: 100%; height: 450px; text-align: center; }
.top h1 { margin-top: 7%; color: white; }
.top span { color: red; }
.top p { color: white; }

.standard { float: left; margin-top: 50px; margin-left: 80px;  width: 300px; text-align: center; }
.standard p { margin-top: 20px; }
.enterprise { float: left; margin-top: 50px; margin-left: 80px;  width: 300px; text-align: center; }
.enterprise p { margin-top: 20px; }
.idk { float: left; margin-top: 50px; margin-left: 80px;  width: 300px; text-align: center; }
.idk p { margin-top: 20px; }

.footer { margin-top: 50px; background-color: black; }
.footer img { margin-left: 32%; height: 135.3px; width: 462.3px; }

/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;; RESPONSIVE ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */

@media (max-width: 1199px){
	.top #p1 { margin-left: -130px; }
	.top #p2 { margin-left: -122px; }
	
	.standard { margin-left: 60px; }
	.enterprise { margin-left: 60px; }
	.idk { margin-left: 60px; }
	
	.footer img { margin-left: 30%; height: 135.3px; width: 462.3px; }
}

@media (max-width: 991px){
	.top #p1 { margin-left: -135px; }
	.top #p2 { margin-left: -122px; }
	
	.standard { margin-left: 0px; }
	.enterprise { margin-left: 0px; }
	.idk { margin-left: 0px; }
	
	.footer img { margin-left: 20%; height: 135.3px; width: 462.3px; }
}


@media (max-width: 767px){
	.top #p1 { margin-left: -30px; }
	.top #p2 { margin-left: -30px; }
	.top #p3 { margin-left: -30px; }
	
	.footer img { margin-left: 12%; height: 135.3px; width: 462.3px; }
}

@media (max-width: 575px){
	.top { padding-left: 60px; }
	.top h1 { font-size: 32px; }
	.top #p1 { margin-left: 0px; }
	.top #p2 { margin-left: 0px; }
	.top #p3 { margin-left: 0px; }
	
	.footer img { margin-left: 3%; height: 135.3px; width: 462.3px; }
}