#logo {
	padding: 0px 20px;
}

@media (min-width: 480px) {
	.img-responsive {
		padding: 0 100px;
	}
}

@media (min-width: 990px) {
	.img-responsive {
		padding: 0 0px;
	}
}

a:hover{
	color:#fff;
	-webkit-animation: fadein 0.5s; /* Safari and Chrome */
	-moz-animation: fadein 0.5s; /* Firefox */
	-ms-animation: fadein 0.5s; /* Internet Explorer */
	-o-animation: fadein 0.5s; /* Opera */
	animation: fadein 0.5s;}

.round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: black;
	font-size:0.75em;
	padding: 10px;
}

.round:hover {
	background-color: #ddd;
	color:#000;
	-webkit-animation: fadein 0.5s; /* Safari and Chrome */
	-moz-animation: fadein 0.5s; /* Firefox */
	-ms-animation: fadein 0.5s; /* Internet Explorer */
	-o-animation: fadein 0.5s; /* Opera */
	animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​