@charset "UTF-8";
/* CSS Document */
body, html {
overflow: visible;
}
main {
position: relative;
z-index: 1;
height: 100%;
padding: 0;
margin: 20px;
border: #fff 20px solid;
overflow: visible;
}
.top-section-home{
position: relative;
z-index: 2000;
width: 98%;
padding: 1px 0 0 0;
}
.other-work-wrapper {
margin: 0 0 -4px 0;
position: relative;
z-index: 30000;
height: 100%;
padding: 0 0 50px;
display: inline-block;
background-color:#fd1f20;
}
main h1 {
margin: 150px 2% 12px 100px;
position: relative;
z-index: 200;
}
main p.header4 {
margin: 0 5% 30px 100px;
position: relative;
z-index: 200;
}
main h2 {
margin: 0 5% 15px 100px;
position: relative;
z-index: 200;
}
main p {
margin: 0 5% 20px 100px;
position: relative;
z-index: 200;
}
video {
width: 100%;
position: relative;
z-index: 2;
top: -160px;
}
.logo-wrapper {
z-index: 20000;
}
.fire-spacer {
background-image: url(/media/redline-home.png);
background-size: 105%;
background-position: 0px 0%;
background-repeat: no-repeat;
height: 130px;
width: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 2500;
}


@media only screen and (max-width: 1024px) {
.other-work-wrapper {
margin: 0 0 -14px 0;
padding: 0 7% 24px;
top: -10px;
}
}
@media only screen and (max-width: 660px) {
.other-work-wrapper {
margin: 0 0 -25px 0px;
padding: 0 1% 24px 3%;
top: -20px;
}
main h1 {
margin: 150px 2% 12px 20px;

}
main p.header4 {
margin: 0 5% 30px 20px;
}
main h2 {
margin: 0 5% 15px 20px;
}
main p {
margin: 0 5% 20px 20px;
}
}
@media only screen and (max-width: 500px) {
.other-work-wrapper {
    margin: 0 0 -57px 0px;
    padding: 0 1% 24px 3%;
    top: -53px;
}
}