body {
		    font-family: 'Montserrat', sans-serif;
			  background: url(images/asfalt-light.png)no-repeat center center fixed;
			  background-color: #aed2f1;
			  -webkit-background-size: cover;
			  -moz-background-size: cover;
			  -o-background-size: cover;
			  background-size: cover; 
		}

	#mainpage {
	    width: 400px;
	    height: auto;
	    position: absolute;
	    top:10%;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    
	    margin: auto;
	}
	#mainpage > img {
	    width:100%;
	}
	.logo-title {
	    text-align:right;
	    margin-top: -23px;
	    font-size: 14px;
	    font-weight: 800;
	}
	footer {
	    display:block;
	    text-align:center;
	    width: 100%;
	    bottom: 0;
	    position: fixed;
	    font-weight: 800;
	}
	.mini_widget_type_vid_circle {
	   border:3px solid #0099cc !important; 
	}
	.shadow {
	  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
	  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));

	}
	.rocks:hover {
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;
	}
	.fillorange1 {
		fill:orange;
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;	
	  

	}
	.fillorange2 {
		fill:orange;
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;
		
	}
	.fillorange3 {
		fill:orange;
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;		
	}
	.fillorange4 {
		fill:orange;
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;		
	}
	.fillorange5 {
		fill:orange;
	  /* Start the shake animation and make the animation last for 0.5 seconds */
	  animation: shake 2.5s;

	  /* When the animation is finished, start again */
	  animation-iteration-count: infinite;	
	  shadow:2px 2px 2px black;	
	}	
	
	
	

	@keyframes shake {
	  0% { transform: translate(1px, 1px) rotate(0deg); }
	  10% { transform: translate(-1px, -2px) rotate(-1deg); }
	  20% { transform: translate(-3px, 0px) rotate(1deg); }
	  30% { transform: translate(3px, 2px) rotate(0deg); }
	  40% { transform: translate(1px, -1px) rotate(1deg); }
	  50% { transform: translate(-1px, 2px) rotate(-1deg); }
	  60% { transform: translate(-3px, 1px) rotate(0deg); }
	  70% { transform: translate(3px, 1px) rotate(-1deg); }
	  80% { transform: translate(-1px, -1px) rotate(1deg); }
	  90% { transform: translate(1px, 2px) rotate(0deg); }
	  100% { transform: translate(1px, -2px) rotate(-1deg); }
	}