@media (min-width: 0) and (max-width: 800px){
#topNavigation{
height:250px;
background-color:black;
display: flex;
border-style: solid;
border-color: #D72127;
border-width:6px;
}}

@media (min-width: 800px) and (max-width: 3500px){
#topNavigation{
height:300px;
background-color:black;
display: flex;
border-style: solid;
border-color: #D72127;
border-width:6px;
}}


#topLeft{
width: 33.3%;
position:relative;
float:left;
height: 200px;
}


@media (min-width: 0) and (max-width: 800px){
#topCenter{
width: 100%;
position:relative;
float:left;
display:flex;
height: 200px;
}}


@media (min-width: 800px) and (max-width: 3500px){
#topCenter{
width: 33.3%;
position:relative;
float:left;
display:flex;
height: 200px;
}}




#topRight{
width: 33.3%; 
position:relative;
float:left;
height: 300px;
z-index:1;
}

.indexText01{
font-size: 16px;
color:#D72127;
font-family: 'LeagueSpartan-Bold.ttf';    
}

.indexText02{
font-size:22px;
color: pink;
    
}
.indexText03{
font-size: 32px;
color: #D72127;
font-family: 'LeagueSpartan-Bold.ttf';
text-align: center;
letter-spacing: 1.4px;

}

@media (min-width: 0) and (max-width: 1200px){
.footerText01{
font-size: 26px;
color: white;
font-family: 'LeagueSpartan-Regular.ttf';
/*text-align: center;*/
letter-spacing: 1.4px;
position:relative;
/*float:left;*/
text-decoration:none;

}}


@media (min-width: 1200px) and (max-width: 3600px){
.footerText01{
font-size: 26px;
color: white;
font-family: 'LeagueSpartan-Regular.ttf';
/*text-align: center;*/
letter-spacing: 1.4px;
position:relative;
/*float:left;*/
text-decoration:none;

}}


@media (min-width: 0) and (max-width: 800px){
.footerText01:hover{
font-size: 30px;
color: red;
font-family: 'LeagueSpartan-Regular.ttf';
text-align: center;
letter-spacing: 1.4px;
position:relative;
/*float:left;*/
text-decoration:none;

}}


@media (min-width: 1200px) and (max-width: 3600px){
.footerText01:hover{
font-size: 28px;
color: red;
font-family: 'LeagueSpartan-Regular.ttf';
text-align: center;
letter-spacing: 1.4px;
position:relative;
/*float:left;*/
text-decoration:none;

}}



.aboutText01{
font-size: 34px;
color: white;
font-family: 'LeagueSpartan-Bold.ttf';
text-align: left;
letter-spacing: 1.4px;

}



@media (min-width: 0px) and (max-width: 800px){
#humburger01{
height: 50px;
position: relative;
float: right;
}}


@media (min-width: 800px) and (max-width: 3500px){
#humburger01{
display:none;
}}



@media (min-width: 0) and (max-width: 800px){
#navBtm{
position: absolute;
height: 100px;
top: 175px;
width: 98%;

}}

@media (min-width: 800px) and (max-width: 3500px){
#navBtm{
position: absolute;
height: 100px;
top: 240px;
width: 98%;

}}



@media (min-width: 0) and (max-width: 800px){
#topLogo{
margin:auto;    
height: 175px;
}}


@media (min-width: 800px) and (max-width: 3500px){
#topLogo{
margin:auto;    
height: 250px;
}}


@media (min-width: 0) and (max-width: 700px){
#footer{
background-color: black;
height: 200px;
border-style: solid;
border-color: #d72127;
border-width: 6px;
/*display: flex;*/
}}


@media (min-width: 700px) and (max-width: 3500px){
#footer{
background-color: black;
height: 200px;
border-style: solid;
border-color: #d72127;
border-width: 6px;
display: flex;
}}





#footerLeft{
Position:relative;
float:left;
width:33.3%;
}


#footerCenter{
Position:relative;
float:left;
width:33.3%;
}


#footerRight{
Position:relative;
float:left;
width:50%;
top: 20px;
}





@media (min-width: 0) and (max-width: 800px){
#videoProfile{
position:relative;
width:100%;
height:175px;
background-color:black;
}}


@media (min-width: 800px) and (max-width: 3500px){
#videoProfile{
position:relative;
width:100%;
height: 350px;
background-color:black;
}}





@media (min-width: 0) and (max-width: 800px){
#videoProfileLeft{
/*width: 30%;*/
/*height: 250px;*/
/*position:relative;*/
/*float:left;*/
display:none;
}}

@media (min-width: 800px) and (max-width: 3500px){
#videoProfileLeft{
width: 30%;
height: 250px;
position:relative;
float:left;
display:flex;
}}


@media (min-width: 0) and (max-width: 800px){
#videoProfileCenter{
width:100%;
height: 100px;
position:relative;
/*float:left;*/
display: flex;
}}


@media (min-width: 800px) and (max-width: 3500px){
#videoProfileCenter{
width:50%;
height: 250px;
position:relative;
float:left;
display: flex;
}}




@media (min-width: 0) and (max-width: 800px){
#videoProfileRight{
/*width: 20%; */
/*height: 250px;*/
/*position:relative;*/
/*float:left;*/

display:none;
}}


@media (min-width: 800px) and (max-width: 3500px){
#videoProfileRight{
width: 20%; 
height: 250px;
position:relative;
float:left;
}}








@media (min-width: 0) and (max-width: 800px) {
#profileImg01{
/*width: 175px;*/
/*height: 175px;*/
/*margin: auto 1px auto 40px;*/
display:none;

}}


@media (min-width: 800px) and (max-width: 3500px) {
#profileImg01{
width: 175px;
height: 175px;
margin: auto 1px auto 40px;

}}




.videoProfileText01{
color: white;
font-size: 16px;
font-family: 'LeagueSpartan-Regular.ttf';
text-align: left;
margin: auto 1px auto 40px;
position: absolute;
float: left;
top: 50%;

}

@media (min-width: 0) and (max-width: 700px) {
.videoProfileText02{
/*color: white;*/
/*font-size: 22px;*/
/*font-family: 'LeagueSpartan-Regular.ttf';*/
/*text-align: left;*/
/*margin: auto 1px auto 40px;*/
/*position: absolute;*/
/*top: 40%;*/
display:none;
}}

@media (min-width: 800px) and (max-width: 3500px) {
.videoProfileText02{
color: white;
font-size: 22px;
font-family: 'LeagueSpartan-Regular.ttf';
text-align: left;
margin: auto 1px auto 40px;
position: absolute;
top: 40%;
}}





@media (min-width: 0) and (max-width: 700px) {
#videoProfileMenu{
height: 50px;
width: 100%;
/*position: absolute;*/
top: 250px;
border-radius: 1px;
border-bottom-color: white;
border-style: solid;
border-width: 1px;

}}
@media (min-width: 700px) and (max-width: 3500px) {
#videoProfileMenu{
height: 50px;
width: 100%;
position: absolute;
top: 250px;
border-radius: 1px;
border-bottom-color: white;
border-style: solid;
border-width: 1px;

}}






@media (min-width: 0) and (max-width: 700px) {
.menuLinks01{
position: relative;
float: left;
padding-right: 15px;
font-family: 'LeagueSpartan-ExtraLight.ttf';
font-size:14px;
text-decoration:none;
list-style-type: none; 
color:white;
}}

@media (min-width: 700px) and (max-width: 3500px) {
.menuLinks01{
position: relative;
float: left;
padding-right: 70px;
font-family: 'LeagueSpartan-ExtraLight.ttf';
font-size:14px;
text-decoration:none;
list-style-type: none; 
color:white;
}}

@media (min-width: 700px) and (max-width: 3500px) {
.menuLinks01:hover{
position: relative;
float: left;
padding-right: 70px;
font-family: 'LeagueSpartan-ExtraLight.ttf';
font-size:16px;
text-decoration:none;
list-style-type: none; 
color:white;
}}


.MenuHover:hover{
border-color:black;
border-bottom-color: red;
border-style: solid;
border-width: 1px;
}

@media (min-width: 0) and (max-width: 700px) {
.indexContainer{
height: 700px; 
background-color:black;
/*display: flex;*/
position: relative;
}}

@media (min-width: 700px) and (max-width: 3500px) {
.indexContainer{
height: 700px; 
background-color:black;
display: block;
/*width: max-content;*/
}}

#youtubeVideosDiv{
/*display:block;*/
/*display: flex;  */
/*margin: 0 auto 0 auto;*/
/*width: max-content;*/
}

.vidDiv{
/*position:relative;*/
/*float:left;*/
}


@media (min-width: 0) and (max-width: 800px) {
.youtubeVideos01{
border-color: red;
border-style: solid;
border-width: 1px;
margin: 0px 25px 25px 25px;
/*padding: 0 25px 0 0;*/
display: flex;
float: left;
height: 50px;
width: 100px;
}}

@media (min-width: 800px) and (max-width: 3500px) {
.youtubeVideos01{
border-color: red;
border-style: solid;
border-width: 1px;
margin: 0px 25px 25px 25px;
float: left;
}}

@media (min-width: 800px) and (max-width: 3500px) {
.youtubeVideos01:hover{
border-color: white;
border-style: solid;
border-width: 1px;
float: left;
}}



@media (min-width: 0) and (max-width: 800px) {
#aboutDiv{
display:none;
position:absolute;
}}



@media (min-width: 800px) and (max-width: 3500px) {
#aboutDiv{
display:none;
padding: 0 50px;
}}
@media (min-width: 0) and (max-width: 800px) {
.headerlinks01{
display:none;
}}


@media (min-width: 800px) and (max-width: 3500px) {
.headerlinks01{
color: white;
font-size: 22px;
font-family: 'LeagueSpartan-Regular.ttf';
float: left;
position: absolute;
top: 160px;
}}

@media (min-width: 0) and (max-width: 800px) {
.headerlinks11{
display:none;
}}


@media (min-width: 800px) and (max-width: 3500px) {
.headerlinks11{
color: white;
font-size: 22px;
font-family: 'LeagueSpartan-Regular.ttf';
float: left;
position: absolute;
top: 10px;
text-decoration:none;
}}



@media (min-width: 0) and (max-width: 800px) {
.headerlinks02{
display:none;
}}


@media (min-width: 800px) and (max-width: 3500px) {
.headerlinks02{
color: white;
font-size: 22px;
font-family: 'LeagueSpartan-Regular.ttf';
float:left;
position: absolute;

}}


@media (min-width: 0) and (max-width: 800px) {
#emailForm{
    
    
}}
@media (min-width: 800px) and (max-width: 3500px) {
#emailForm{
position:absolute;
bottom: 20px;
width: 50px;
}}
@media (min-width: 0) and (max-width: 800px) {
#id_email{
width:200px;
height:25px;
border-width:1px;
border-color:red;
}}

@media (min-width: 800px) and (max-width: 3500px) {
#id_email{
width:200px;
height:25px;
border-width:1px;
border-color:red;
}}

#emailBtn01{
width: 150px;
height: 35px;
border-radius: 5px;
background-color: transparent;
border-color: red;
font-size: 16px;
opacity: 75%;
color: white; 
}

#emailBtn01:hover{
width: 150px;
height: 35px;
border-radius: 6px;
background-color: transparent;
border-color: white;
font-size: 16px;
opacity: 75%;
color: white; 
}

.thanksDiv01{
height: 50px;
width:100%;
display:flex;
}

.thanksText01{
font-size: 16px;
color: white;
font-family: 'LeagueSpartan-Bold.ttf';
margin:auto;
position: relative;
top: 25px; 
text-decoration:none;
}


/*SCROLL BAR*/
/* Works on Firefox */
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: red;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: #d82126;
  border-radius: 20px;
  border: 3px solid black;
}
/*SCROLL BAR*/

body{
background-color: black;
}