@media screen and (min-width: 750px){
html{
    display: block;
    position: relative;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    z-index: 10;
    overflow-wrap: normal;
}
body {
    width: 100%;
    display: block;
    margin: 0;
}
a {
    color: inherit;
    text-decoration: inherit;
}
a.BodyLink{
    color: rgb(221, 51, 51);
}
a.BodyLink:hover {
 color: whitesmoke;
}
.hero{
    background-color: black;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    height: 700px;
    z-index: -1;
}
h1 {
    background-image: url("hero.jpg");
    position: fixed;
    width: 100%;
    height: 700px;
    z-index: -2;

}
h2{
    font-size: 40pt;
    padding-top: 300px;
    padding-bottom: 250px;
    margin-left: 100px;
    margin-right: 100px;
    color: whitesmoke;
}
        h3{
        line-height: 100%;
        font-size: 26pt;
        padding-top: 0px;
        color: whitesmoke;
        margin-left: 100px;
        margin-right: 100px;
    }
h4{
    line-height: 100%;
    font-size: 26pt;
    padding-top: 100px;
    color: whitesmoke;
    margin-left: 100px;
    margin-right: 100px;
}
h5{
    font-size: 32pt;
    color: whitesmoke;
    margin-left: 100px;
    margin-right: 100px; 
    line-height: 0%;
}
p{
    font-size: 18pt;
    line-height: 125%;
    color: whitesmoke;
    padding-bottom: 1px;
    margin-left: 100px;
    margin-right: 100px;
}
iframe{
    border: none;
    position: fixed;
}
iframe.SiteFooter{
    height: 100px;
    background-color: rgb(177, 26, 26);
    z-index: 1000;
    align-self: flex-end;
    position: relative;
    width: 100%;
    left: 0%;
    right: 0%;
    overflow: clip;
    overflow-y: clip;
    overflow-x: clip;
}
iframe.SiteHeader{
    width: 100%;
    height: 100px;
    border: none;
    display: block;
    position: relative;
    z-index: 1000;
    background-color: rgb(24, 29, 32);
    overflow: hidden;
}
iframe.ContactUS{
    height: 1000px;
    width: 600px;
    position: relative;
    left: 0%;
}
div.badboi{
background-color: black;
position: fixed;
height: 10000px;
width: 10000px;
top: 0%;
left: 0%;
z-index: -100;
}
}

@media screen and (max-width: 750px){
    html{
        display: block;
        position: relative;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        z-index: 10;
        overflow-wrap: normal;
    }
    body {
        width: 100%;
        display: block;
        margin: 0;
    }
    a {
        color: inherit;
        text-decoration: inherit;
    }
    a.BodyLink{
        color: rgb(221, 51, 51);
    }
    a.BodyLink:hover {
     color: whitesmoke;
    }
    .hero{
        background-color: black;
        opacity: 0.7;
        position: fixed;
        width: 100%;
        height: 7000px;
        z-index: -1;
    }
    h1 {
        background-image: url("hero.jpg");
        position: fixed;
        width: 100%;
        top: 0%;
        height: 7000px;
        z-index: -2;
    
    }
    h2{
        font-size: 18pt;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-left: 25px;
        margin-right: 25px;
        color: whitesmoke;
    }
        h3{
        line-height: 100%;
        font-size: 18pt;
        top: 0px;
        color: whitesmoke;
        margin-left: 25px;
        margin-right: 25px;
    }
    h4{
        line-height: 100%;
        font-size: 18pt;
        top: 100px;
        color: whitesmoke;
        margin-left: 25px;
        margin-right: 25px;
    }
    h5{
        font-size: 18pt;
        color: whitesmoke;
        margin-left: 25px;
        margin-right: 25px; 
        line-height: 0%;
    }
    p{
        font-size: 16pt;
        line-height: 125%;
        color: whitesmoke;
        margin-left: 25px;
        margin-right: 25px;
    }
    iframe{
        border: none;
        position: fixed;
    }
    iframe.SiteFooter{
        height: 100px;
        background-color: rgb(177, 26, 26);
        z-index: 1000;
        align-self: flex-end;
        position: relative;
        width: 100%;
        left: 0%;
        right: 0%;
        overflow: clip;
        overflow-y: clip;
        overflow-x: clip;
    }
    iframe.SiteHeader{
    width: 100%;
    height: 125px;
    border: none;
    display: block;
    position: relative;
    z-index: 1000;
    background-color: rgb(24, 29, 32);
    overflow: hidden;
    }
    iframe.ContactUS{
        height: 1000px;
        width: 100%;
        position: relative;
    }
    div.badboi{
    background-color: black;
    position: fixed;
    height: 10000px;
    width: 10000px;
    top: 0%;
    left: 0%;
    z-index: -100;
    }
    }