/*
 * BG
 */
 #gradient {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0px;
   margin: 0px;
 }

 .logo {
   padding: 15px;
   height: 100px;
   margin-top: 10px;
   margin-bottom: 10px;
 }

 .logo:hover {
   -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
 }

 /* Buzz */
 @-webkit-keyframes hvr-buzz {
   50% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
   }
   100% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
     transform: translateX(-3px) rotate(-2deg);
   }
 }
 @keyframes hvr-buzz {
   50% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
   }
   100% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
     transform: translateX(-3px) rotate(-2deg);
   }
 }

 /* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
	.logo {
		height: 250px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

 /* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

}

 /* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

 /* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}