body{
    background: linear-gradient(45deg, #7ae0f5, #0b8fc1);
    background-size: cover;
    background-attachment: fixed;
    width:100vw;
    height:100vh;
    overflow:hidden !important;
}

main{
    margin-top: 0px !important;
    padding:0 !important;
    overflow:hidden !important;
}

.navbar{
    background: transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}

.banner{
    margin-top:200px;
}

.banner img{
    width:350px; 
    animation: fadeUp 1s ease-in both;
    margin-left:50%;
    transform:translateX(-50%);
    padding:15px;
}

.hr{
    width:150px;
    height:2px;
    background-color:#fff; 
    animation: fadeUp 1s ease-in both;
    animation-delay:.75s;
    margin-left:50%;
    transform:translateX(-50%);
}

.hero{
    text-align:center;
    font-family:'MontserratMedium';
    color:#fff; 
    animation: fadeUp 1s ease-in both;
    animation-delay:1.25s;
    margin-left:50%;
    transform:translateX(-50%);
}

@keyframes fadeUp {
	from {
        margin-top: 50px;
		opacity: 0;
	}
	to {
        margin-top: 0;
		opacity: 1;
	}
}

.wave{
    position: absolute;
    width:100%;
    height: 143px;
    bottom:0;
    left:0;
    background: url('../images/wave.png');
    animation: wave 10s linear infinite;
}

.wave:before{
    content:'';
    width: 100%;
    height:143px;
    background:url('../images/wave.png');
    position: absolute;
    top:0;
    left:0;
    opacity: 0.4;
    animation: wave-reverse 10s linear infinite;
}

.wave:after{
    content:'';
    width: 100%;
    height:143px;
    background:url('../images/wave.png');
    position: absolute;
    top:0;
    left:0;
    opacity: 0.6;
    animation: wave 20s linear infinite;
    animation-delay: -5s;
}

@keyframes wave{
    0%{
        background-position: 0;
    }
    100%{
        background-position: 1360px;
    }
}
@keyframes wave-reverse{
    0%{
        background-position: 100%;
    }
    100%{
        background-position: 0;
    }
}

@media only screen and (max-width: 960px) {
    .banner{
        margin-top:100px;
        padding:50px;
    }
 
    .navbar{
        background: linear-gradient(45deg, #7ae0f5, #0b8fc1) !important;
        box-shadow: 0px 2px 10px rgba(0,0,0,0.5) !important;
    }
  }