html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
 var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section, summary, time, mark, audio, video
 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }



body {
background: black;
border-style: solid;
border-width: 15px;
border-color: black;
}

#page {
height:800px;
padding-left:50px;
padding-right:50px;
padding-top:50px;
background: white;
}



#main-promo {
text-align: left;
width:90%;
position:fixed;
}

h1 {
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 2.5em;
color: black;
opacity: 0.3;
display:inline;
}

h2 {
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 1.6em;
color: black;
display:inline;
}



p {
padding-bottom: 0.3em;
}

#highlight {
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 2.5em;
color: #b2b2b2;
display:inline;
position: relative;
}

img {
width:100%;
}

#inline-box {
border-style: solid;
padding-bottom:1px;
border-width: 0px 0px 3px 0px;
color:black;
display:inline;
}

a {
text-decoration: none;
background:none;
color: black;
}


a.top {
text-decoration: none;
background:white;
color: #b2b2b2;
opacity: 1;
}



#footertext {
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 2.5em;
color: white;
display:inline;
}

#bottom {
padding-top:2200px;
padding-bottom:50px;
}






@media only screen and (min-width:400px) and (max-width:767px) {



h1 {
font-size: 1.3em;
}

#highlight {
font-size: 1.3em;
}

h2 {
font-size: 1em;

}

#footertext {
font-size: 1.3em;
}


#inline-box {
padding-bottom:0px;
border-width: 0px 0px 1px 0px;
}


#page {
height:750px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
}

#main-promo {
display:inline-block;
width:85%;
}

#bottom {
padding-top:2000px;
padding-bottom:20px;
}

}


@media only screen and (min-width:600px) and (max-width:767px)and (min-height:800px) {

h1 {
font-size: 1.5em;
}

#highlight {
font-size: 1.5em;;
}

#inline-box {
padding-bottom:0px;
border-width: 0px 0px 1px 0px;
}

h2 {
font-size: 1.2em;
}

#page {
height:800px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
}


#bottom {
padding-top:3200px;
padding-bottom:20px;
}



}


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


h1 {
font-size:1.8em;
}


#highlight {
font-size: 1.8em;
}

h2 {
font-size: 1.4em;
}

#inline-box {
padding-bottom:0px;
border-width: 0px 0px 2px 0px;
}


#page {
height:750px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
}


#bottom {
padding-top:2000px;
padding-bottom:20px;
}

}
@media only screen and (min-width:768px) and (max-width:1050px) and (min-height:1200px){


h1 {
font-size: 2.2em;
}


#highlight {
font-size: 2.2em;
}

h2 {
font-size: 1.8em;
}

#page {
height:1100px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
}


#bottom {
padding-top:2800px;
padding-bottom:20px;
}

}

@media only screen and (min-width:768px) and (max-width:1050px) and (min-height:800px) and (-webkit-device-pixel-ratio : 3){



h1 {
font-size: 3em;
}

#highlight {
font-size: 3em;
}


h2 {
font-size: 2.3em;
}

#footertext {
font-size: 2em;
}

#page {
height:1550px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
}


#bottom {
padding-top:4200px;
padding-bottom:20px;
}


}

@media only screen and (min-width:1051px) and (max-width:1400px) {


h1 {
font-size: 2.3em;
}

#highlight {
font-size: 2.3em;
}

h2 {
font-size: 1.6em;
}

#page {
height:900px;
padding-left:40px;
padding-right:40px;
padding-top:40px;
}

#main-promo {
display:inline-block;
width:90%;
}

#bottom {
padding-top:2400px;
padding-bottom:40px;

}

}

@media only screen and (min-width:1051px) and (max-width:1400px) and (min-height:1100px) {


h1 {
font-size: 2.5em;
}

#highlight {
font-size: 2.5em;
}

h2 {
font-size: 1.7em;
}

#page {
height:1050px;
padding-left:40px;
padding-right:40px;
padding-top:40px;
}

#main-promo {
display:inline-block;
width:90%;
}

#bottom {
padding-top:2800px;
padding-bottom:40px;

}

}


/* For Desktop */

@media only screen and (min-height:1150px) and (max-height:1599px) and (min-width:1400px) {



h1 {
font-size: 3em;
}

#highlight {
font-size: 3em;
}

h2 {
font-size: 2em;
}


#footertext {
font-size: 3em;
}

#page {
height:1100px;

}

#main-promo {
display:inline-block;
width:90%;
}

#bottom {
padding-top:2600px;
padding-bottom:40px;
}

}

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

h1 {
font-size: 3.8em;
}

#highlight {
font-size: 3.8em;
}


h2 {
font-size: 2.8em;
}


#footertext {
font-size: 3.8em;
}

#page {
height:1450px;
}

#inline-box {
padding-bottom:2px;
border-width: 0px 0px 5px 0px;
}

#main-promo {
display:inline-block;
width:90%;
}

#bottom {
padding-top:3600px;
padding-bottom:40px;
}

}