nav {display:inline-block;vertical-align: baseline; position:relative;}

.dropdown {
    position: relative;
    display: inline-block;

}

.dropdown-content {
    display: none; color:red; background-color:blue;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    
    right:0;
}

.dropdown:hover .dropdown-content {
    display: block;

}
.Dropbtn{padding:3em;margin:.5em; height:25px; width:200px;top:20px; position:relative;}


.Navi{float:left; position:relative; vertical-align: baseline;
border:none;padding:.2em;margin:.2em;}

.Ticket h2{position:relative;padding-left:4.5em;padding}

body{ background-color:black; color:white;}
.Boxes {background-color:#080745;}
h2 {color:red; max-width:100%; }
section{padding:1em;border:5px;}
h1{color:#C969FF;font-size:3em;}

h3{color:red; max-width:100%;}

.fadein img {
    
    left:-65px;
    top:0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 {
    background-color: lightblue;
}
#f2 {
    -webkit-animation-delay: -4s;
    background-color: yellow;
}
#f3 {
    -webkit-animation-delay: -2s;
    background-color: lightgreen;
}
.Home{background-image:url("fam.jpg"); height:80px;%; width:100%; background-repeat:no-repeat;opacity:75%;
color:#7007FF;}

footer{background-color:grey;padding:.5em;}
.Google{position:relative;top:10px;font-size:2.5em;}
.Boxez{font-family:sans-serif;}
.h1,.h2,.h3{font-family:serif;}
@media screen and (min-width:750px){nav{display:inline-block;vertical-align: baseline; position:relative;
left:100px; max-width:100%;max-height:100;}
.Boxer{max-width:50%;max-height:50%;}
.Boxes{max-width:80%;max-height:80%;}
.Home{max-width: 100%; max-height: 100%;background-repeat:repeat-x; opacity:75%;}
footer{max-width:100%;max-height: 100%; text-align:center;}
.fadein{max-width:50%;max-height: 50%;}
.image{max-width: 50%;max-height: 50%;}
.head_nav{max-width:30%;max-height: 30%}
.images{max-width: 30%;max-height: 30%}
}