body { color: #ffffff;
background-color: #000000;
border-style: none;
font-family: "Verdana";
text-align: center;
}

a:link{
color: #ffffff;
}

a:visited{
color: #ffffff;
}

#sisalto{
margin: auto;
height: auto;
max-width: 720px;
visibility: visible;
background-color:rgba(0,0,0,0.5); 
padding: 6px;
border-bottom: 1px #e91e63 solid;
border-left: 1px #e91e63 solid;
border-right: 1px #e91e63 solid;
border-top: 1px #e91e63 solid; 
}

.mugshot{
	animation-name: fly;
	animation-duration: 2s;	
	animation-timing-function: ease;	
	visibility: visible !important;						
}

@keyframes fly {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(9%);
	}
	65%{
		transform: translateY(-7%);
	}
	80%{
		transform: translateY(5%);
	}
	95%{
		transform: translateY(-5%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

video#bg { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(clouds.jpg) no-repeat center center fixed;
    background-size: cover; 
}

@media screen and (max-width: 600px) {
    html {
 /*        background: url(clouds.jpg) #000000 no-repeat center center fixed; */
    }
    #bg {
        display: none;
	visibility: hidden;
    }
}