@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/* Small (sm and xs) Devices */
@media (max-width: 600px) {
	.copy {margin:0 auto; padding:0px 10px 0 0; text-align:right; width:340px !important; padding:0 0 30px !important;}
	h1 {font:300 113px/110px 'Open Sans',arial,sans-serif !important;}
	h3 {font:normal normal 300 30px/40px 'Open Sans',arial,sans-serif !important; letter-spacing:28px !important; padding: 0 0 0 12px; text-transform:uppercase;}
	h2 {color:#000; font: normal normal 800 40px/50px 'Open Sans',arial,sans-serif !important; text-transform:uppercase; margin:0 0 10px;}
	ul {font-size:13px !important; letter-spacing:0px !important; margin:0 -10px 0 0 !important;}
	li {margin:0px 5px 0 0 !important; padding:0 5px 0 0 !important;}
}

/* Medium (md) Devices */
@media (min-width: 600px) {
	.copy {width:500px !important; padding:0 0 30px !important;}
	h1 {font-size:170px !important; line-height:170px !important; letter-spacing:-0.5px !important; background:-webkit-linear-gradient(bottom,#000, #f4f4f4) !important; -webkit-background-clip: text !important;}
	h3 {color:#ccc !important; font:300 50px/60px 'Open Sans',arial,sans-serif !important; letter-spacing:38px !important; padding:0 0 0 15px;}
	h2 {font-size:58px !important; line-height:70px !important; letter-spacing:1px !important;}
	ul {font-size:18px !important; letter-spacing:0.8px !important;}
}

/* Large Devices */
@media (min-width: 992px) {
	.copy {width:700px !important;}
	h1 {font:normal normal 300 240px/250px 'Open Sans',arial,sans-serif !important;}
	h3 {color:#ccc; font:normal normal 300 70px/80px 'Open Sans',arial,sans-serif !important; letter-spacing:55px !important;}
	h2 {font: normal normal 800 81px/90px 'Open Sans',arial,sans-serif !important; padding:0 10px 0 0;}
	ul {font-size:20px !important; letter-spacing:3.5px !important; margin:0 -20px 0 0; padding:20px 0 !important;}
	li {margin:0 15px 0 0 !important; padding:0 15px 0 0 !important;}
}

* {margin:0px; padding:0px; border:0px;}
body {background:#fff; border:20px solid #000; color:#000; font: 400 18px/24px 'Open Sans',arial,sans-serif !important;}
a:link, a:visited, a:active {color:#000; text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}

main {height:100%; position:relative;}
#content {margin:0 auto; position:relative; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%);}
.copy {margin:0 auto; padding:0px 10px 0 0; text-align:right; width:700px;}

/*Copy*/
h1 {color:#000; font:normal normal 300 240px/250px 'Open Sans',arial,sans-serif; text-transform:uppercase; background:-webkit-linear-gradient(bottom,#000, #f4f4f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
h3 {color:#ccc; font:normal normal 300 70px/80px 'Open Sans',arial,sans-serif; text-transform:uppercase;}

h2 {color:#000; font: normal normal 800 81px/90px 'Open Sans',arial,sans-serif; text-transform:uppercase; margin:0 0 10px;}
p {padding:0 0 10px;}
ul {font-size:20px; letter-spacing:5px; margin:0 -20px 0 0; padding:10px 0px;}
li {border-right:1px solid #000; float:right; display:block; list-style-type:none; margin:0px 10px 0 0; padding:0 10px 0 0;}
li:first-child {border-right:0px;}
li a:link, li a:visited, li a:active {color:#000;}
li a:hover {color:#ccc;}