body { margin:0px !important; } .main { max-height: 100%; max-width: 100%; } .box { margin: 0 auto; padding: 40px 60px; border: solid 5px #14aae2; border-radius: 50px; text-align: center; background-color: rgba(227, 231, 238, 0.9); position: absolute; top: 15%; z-index: 10; left: 25%; right: 25%; bottom: 15%; overflow: visible; min-height:500px; } h1, h2, p, a { font-family: 'Arimo', sans-serif; } h1 { text-transform: uppercase; overflow-wrap: break-word; word-break: break-word; margin: 1.5em; } a { background-color: #14aae2; border-width: 3px; border-style: solid; border-color:#313339; border-radius:20px; color:#fff; font-weight: bold; font-size: 20px; padding:20px 40px; margin:20px auto; display: inline-block; text-decoration: none; transition:0.8s ease; } a:hover { background-color: rgba(227, 231, 238, 1); } img { max-width:75%; } video#video_background { display: block; margin: 0 auto; object-position: center center; object-fit: cover !important; min-width: 100%; height: 100%; position:fixed; background-image:url(http://admin.pixelperfect.co.za/hostingfiles/ppibg.jpg); background-size: cover; background-position: center center; /* position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%;*/ } @media (max-width: 1200px) { .box { margin: 0 auto; padding: 15px 20px; border: solid 5px #14aae2; border-radius: 50px; text-align: center; background-color: rgba(227, 231, 238, 0.9); position: absolute; top: 15%; z-index: 10; left: 15%; right: 15%; bottom: 15%; overflow: visible; min-height: 530px; margin-bottom: 15%; min-width: 170px; } } @media (max-width: 800px) { .box { margin: 0 auto; padding: 15px 20px; border: solid 5px #14aae2; border-radius: 50px; text-align: center; background-color: rgba(227, 231, 238, 0.9); position: absolute; top: 10%; z-index: 10; left: 10%; right: 10%; bottom: 10%; overflow: visible; min-height: 500px; margin-bottom: 10%; min-width: 170px; } h1 { text-transform: uppercase; overflow-wrap: break-word; word-break: break-word; margin: 1em; font-size: 1.5em; } } @media (max-width: 400px) { .box { margin: 0 auto; padding: 15px 20px; border: solid 5px #14aae2; border-radius: 50px; text-align: center; background-color: rgba(227, 231, 238, 0.9); position: absolute; z-index: 10; top: 5%; left: 5%; right: 5%; bottom: 5%; overflow: visible; min-height: 450px; margin-bottom: 5%; min-width: 170px; } h1 { text-transform: uppercase; overflow-wrap: break-word; word-break: break-word; margin: 1em; font-size: 1.25em; } } @media (max-width: 300px) { .box { margin: 0 auto; padding: 15px 20px; border: solid 5px #14aae2; border-radius: 50px; text-align: center; background-color: rgba(227, 231, 238, 0.9); position: absolute; z-index: 10; top: 5%; left: 5%; right: 5%; bottom: 5%; overflow: visible; min-height: 600px; margin-bottom: 5%; min-width: 170px; } h1 { text-transform: uppercase; overflow-wrap: break-word; word-break: break-word; margin: 1em; font-size: 1.25em; } } <?php echo $_SERVER['HTTP_HOST']?> coming soon
Pixel Perfect Interactive

coming soon

This domain is hosted by Pixel Perfect Interactive - this company will probably have a website here soon enough.

To find our more about our online hosting and website development, check out our website.

Take me there