body {
    background-color:#007261;
    background-image: url(images/wavepattern-seamless.png);
    background-size: 800px auto;
    animation:colorChange 14s ease-in infinite;
}
@keyframes colorChange {
    0% {background-color:#007261;}
    50%{background-color:#2B2E7E;}
    100% {background-color:#007261;}
}
#main {
    width:50%;
    height:auto;
    margin:auto;
    background:transparent;
    position:relative;
    left:0;
    top:13em;
}
#logo {
    width:100%;
    max-width:680px;
    height:auto;
    margin:auto;
    border:3em solid #fff;
    position:absolute;
    top:20%;
    left:-3em;
    box-shadow: 1em 1em 10em #222;
    transition:left 0.5s;

}
#email {
    width:100%;
    height:auto;
    margin:auto;
    font-size:1.4em;
    font-family:"Tamil MN", Helvetica;
    text-align: center;
    position:relative;
        top:16em;
}
#email a:link, #email a:visited {
    color:#fff;
    text-decoration:none;
    opacity:0.95;
    transition:all 0.5s;
}
#email a:hover, #email a:active {
    color:floralwhite;
    opacity:1.0;
    border-top:1px solid floralwhite;
}


@media all and (max-width:641px) {

#main {
        width:89%;
        height:auto;
        padding:0;
        margin-left:1em;
        position:fixed;
        top:0;
        left:1%;
        background:transparent;
    }
#logo {
        width:100%;
        margin:auto;
    }
#email a {
    font-size:1.1em;
}
#email {
        top:12em;
    }
}
@media all and (min-width:1200px) {
    #email {
        top:19em;
    }
}
@media all and (min-width:1400px) {
    #logo {
        left:0em;
    }
}
@media all and (min-width:1600px) {
    #logo {
        left:1em;
    }
}
@media all and (max-width:375px) {
    #email a {
        font-size:1em;
    }

}
@media all and (max-width:320px) {
    #email {
       top:10.5em 
    }
    #email a {
        font-size:0.75em;
    }

}