@media (max-width: 480px) {
h1{font-size:2em!important}
}

@media only screen and (min-width:768px) and (max-width:1240px){
    .giant1 {font-size:2em;}
}

@media only screen and (min-width:1241px) and (max-width:1699px){
    .giant1 {font-size:2.5em;}
}


@media (max-width:768px) {
footer{background:#eefaff!important}
.giant1{font-size:2em}
.navbar-nav{float:left}
.giant-title{background-size:cover}
.grid-item img{width: 100%;}
.img-wrapper{display: none}
.giant-title{height: 0px;background: none;}
@media (min-width: 1700px) {
.giant1{font-size:4.1em}
}