@media only screen and (min-width:770px) {
    nav select{display:none !important;}
}


@media screen and (max-width: 768px) {

nav ul{display: none !important;}
nav select{display: inline-block;}
header nav{text-align: center;
           float: none !important;


}


header img{float: none !important;
           margin-left: auto;
    }
header {width: 100%}
header h1{float:none !important;
          margin-right: 0px;
          text-align: center;
          font-size: 40px;
}

.fancy{width:100%;
       margin-left: 0%;
}

.fancy1{float: none !important;}

.fancya{float:none !important;
        width:70%;
        margin-left: 15%;
        margin-top: 5%;
    
}


.fancy1 h3{margin-left: 30%;}

.fancy2{width: 100%;
        margin-left: 0%;
}

.fancy2 img{width: 80%;}
.fancy3{width: 100%;
    margin-left: 0%;}


}

@media screen and (max-width: 480px) {

.fancy2 img{width:100%}
.fancy1 h3{margin-left: 23%;}

}