*{
margin:0;
padding:0;
}

#video{
    position:fixed;
    width:100%;
    z-index:-1;
}
#topbox{
background-image:url('../images/hd-gifs.gif.webm');
background-size:100%;
    overflow:hidden;
    position:relative;
}
#feature{
   
    text-align: center;
}
#feat{
     padding:100px 0;
    background-attachment: fixed;
    background-size:100%;
    text-shadow: #333 1px 1px 2px;
    margin-bottom:20px;
    border-bottom: 3px solid #1E90FF;
    
}
#topbar{
text-align:center;
padding:0em 0;
    margin:0px auto;
    position:relative;
    z-index:2;

	
}#topbar img{
height:100px;
    float:left;
    margin:0 20px;
    
    margin-top:10px;
}
#topbar h1{
   
 text-shadow: #1E90FF 2px 2px 5px;
    font-size:6.8em;
    padding:0;
font-family: 'Lobster', cursive;
    color:white;
     
}
.noborder{
border:0;
    border-left:0;
}
nav {
text-align:center;
    position:relative;
    z-index:2;
}
.free{
clear:both;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.headawes{
   font-family: "FontAwesome";
}
#mediahead{
    background:rgba(30,144,255,0.9);
    padding:2% 4%;
    color:white;
 position:fixed;
    font-size:1.5em;
    width:92%;
    top:0;
    z-index:1214;
    display: none;
    
}
#mediahead .fleft{font-family: 'Lobster', cursive;}
#shadow{
    background:rgba(51,51,51,0.2);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
    z-index:1;
}
nav ul{
//width:850px;
//margin:20px auto;

    display: flex;
    padding-inline-start: 0px;
    padding:0.5em;
    
    justify-content: center;
}
nav ul li{
font-family: 'Staatliches', cursive;

list-style:none;
font-size:1.7em;
color:white;
    margin-bottom:0.5em;
padding:0 1em;

border-right:1px solid white;
}
nav ul li:hover{
       color:#333;
}
#slogan{
text-align:center;
padding-bottom:20px;
color:white;
    position:relative;
    z-index:2;
}

#slogan h2{
padding:5px;
        padding-top:15px;
font-size:2.5em;
   color:#ed008c;

    font-family: 'Staatliches', cursive;
}

#slogan h3{
font-size:1.4em;
font-family: 'Lobster', cursive;
}

#search{
    position:relative;
    z-index:2;
width:650px;
background:white;
   border-radius: 50px;
margin:30px auto;
}
#search input[type="search"]{
width:88%;
padding:3.2% 0;
border:0;
    border-radius: 50px;
float:right;
//border:1p solid #1E90FF;
border-right:0;
 
}
#sebt{
padding:2% 0;
width:10%;
text-align:center;
float:right;
color:#1E90FF;
font-family: "FontAwesome";
font-size:1.7em;
cursor:pointer;
}
#sebt:hover{
color:#ed008c;
}
.gbadge{
    width:200px;
    margin:0px auto;
    text-align:center;
}

#ttextback{

    text-align: center; 
    padding:2%;

    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size:1em;
}
#ttexthead{
    
    background: rgba(255,255,255,0.3);
    box-shadow: white 0px 0px 3px;
    2%;                
    line-height: 2em;      

}
#tquotesign{
    font-family: "FontAwesome";
    font-size: 1.2em;
    text-align: left;
    margin-left:4%;
    color:#333;
}

#tquotesignright{
    font-family: "FontAwesome";
    font-size: 1.2em;
    text-align: right;
    margin-right:4%;
    color:#333;
}
#ttexthead h3{
    border:0;
    color:#333;
    font-size:1.2em;
    text-shadow: 0px 0px 5px white;
    font-family: 'Titillium Web', sans-serif;

}
#ttexthead h3:hover{
    text-decoration:none;
 
   
}