@charset "utf-8";
/* CSS Document */

#logofront {
    position: absolute;
    bottom: 0px;
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
    z-index: 5;
    font-family: "ff-good-headline-web-pro-con";
    font-weight: 500;
    font-size: 20vw;
    line-height: 1;
    color: rgba(255,255,255,0.5);		
}

@media (max-width: 991px) {
#logofront {
    font-size: 30vw;
}
}

.logosize {
    width: 40vw;
}

@media (max-width: 991px) {
.logosize {
    width: 80vw;
}
}


/* Required for full background image */
html,
body,
header,
.view {
  height: 100%;
}

.rgba-gradient {
/*  background: -moz-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: -webkit-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: linear-gradient(to 45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);*/
	background-color: rgba(255,255,255,0.2);
}

@media (max-width: 1500px) {
.view video.video-intro {
    transform: translateX(-50%) translateY(-50%);
}
}

@media (max-width: 1000px) {
.view video.video-intro {
    transform: translateX(-50%) translateY(-50%);
}
}



@media (min-width: 800px) {
#frontcircles {
    visibility: hidden;
}
}

@media (max-width: 799px) {
#frontvideo {
    visibility: hidden;
}
#frontviewbackground {
	background-color: #e7f0d0;
}	
}