#headerimg {
    display: inline-block;
    margin-top: -0.5em;
    margin-right: -0.5em;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    vertical-align: middle;
    background-image: url('https://s.gravatar.com/avatar/2f2d1b15765cc0372178fafaa29ed629?s=80' );
    background-size: cover;
    border: 1px solid #AAA;
}

.top-nav-collapse #headerimg {
    margin-top: -0.5em;
    width: 2em;
    height: 2em;
    border-radius: 2em;
}

.btn, .panel, .badge, .panel-heading {
    -moz-transition: all 1.0s;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    border-radius: 0;
}

.btn:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}


a {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (min-width: 768px) {
a.nounder {
    text-shadow: 0 1px 2px rgba(0,0,0,0.0);
}

a.nounder:hover {
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.hoverable {
    box-shadow: 0 1px 2px rgba(0,0,0,0.0);
}

.hoverable:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}

.expandable {
    -ms-transform: scale(1.0, 1.0);
    -moz-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}

.expandable:hover {
    -ms-transform: scale(1.1, 1.1) translateY(5%);
    -moz-transform: scale(1.1, 1.1) translateY(5%);
    -webkit-transform: scale(1.1, 1.1) translateY(5%);
    transform: scale(1.1, 1.1) translateY(5%);
}

.expandable, .hoverable {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


@-webkit-keyframes pulse {
      0% { -webkit-transform:scale(1.0, 1.0); transform:scale(1.0,1.0); }
     50% { -webkit-transform:scale(1.2, 1.2); transform:scale(1.2,1.2); }
    100% { -webkit-transform:scale(1.0, 1.0); transform:scale(1.0,1.0); }
}

@keyframes pulse {
      0% { -moz-transform:scale(1.0, 1.0); transform:scale(1.0,1.0); }
     50% { -moz-transform:scale(1.2, 1.2); transform:scale(1.2,1.2); }
    100% { -moz-transform:scale(1.0, 1.0); transform:scale(1.0,1.0); }
}

.panel:hover .pulsable {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: pulse;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    border: 1px solid white;
}
}

.list-group-item:first-child, .list-group-item:last-child, .well {
    border-radius: 0;
}