body {
    padding-top: 75px !important;
    padding-bottom: 20px;
    /*color:#203f54 ;*/    

    font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #414146 !important;
	background: #f0f0f0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fishes {
    opacity: 1;    
    left: 170px;
    top: 10px;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    width:30%;
}
.fishes:hover {
    ms-transform: rotate(360deg);
    webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.logo {
    max-width: 30%;
}

.navbar-fixed-top {
    border-bottom-color: #3232FF;
    border-bottom-width: 10px;
    background-color:#f7f6f6;

}
.navbar-nav > li > a {
    color: #3232FF;
}

.navbar-nav > li > a:hover {
        font-weight: bold;
        background-color: #ccdbea;
    }

/*.container.body-content{
    margin-left:5px !important;
    margin-right: 5px !important;
}*/

@media screen and (min-width: 1200px) {
    
}

@media (min-width: 768px) {
    .navbar-header{
        width:400px !important;
    }
    
}

@media (min-width: 321px) and (max-width: 767px){    
    .logo {
        max-width: 20% !important;
    }
    
}

@media screen and (max-width: 320px) {
    .logo {
        max-width: 20%;
    }
        
    
}