body {
	
	font-family: Montserrat;
}

.container-video{
	width: 100%; 
	height: auto;
}
 
.video-bg {
 
	width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
 }

 /* SOLO per smartphone il video ha un margine di 60px per non coprire i controlli (fino a 768px di larghezza) */
@media only screen and (max-width: 768px) {
  .video-bg {
    height: calc(100% - 100px); /* alza visivamente i controlli */
  }
}

 section:nth-child(odd){
   background-color: #eee;
        }
        .inner{
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 2em;
        }

.container {

 

  min-width: 100%;
  min-height: 100%;
}
.vid-bg {

	width: 100%    !important;
	height: auto   !important;
}

.logo-bar {

	position: absolute;
	width:100%;
	
	background:red;
	height: 100px;
	z-index: 9999;
}

.logo{

	width:100%;
	
}

.upcontainer1 {

	position: fixed;
	width: 100px;
	height: 100px;

   
	z-index: 999999;
}

.hambucking-space {

	position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.upcontainer2 {
	
	position:fixed;
	width: 270px;
	height: 100px;
	margin-left: 70px;
	z-index:999999;
   
}

.logo-space {

	position: absolute;
  left: 50%;
  top: 50%;

  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#logoimg{

	width: 223px;
	height: 50px;
	
}

.footercontainer {

	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 4%;
	text-align: center;
   color: white;
	z-index: 999999;
	font-size: 14px;
}



@media screen and (max-width : 780px) {

.footercontainer {

	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 11%;
	text-align: center;
   color: white;
	z-index: 999999;
	font-size: 14px;
}

.welcome-text p {
	color: #fff;
	font-size: 10px;
	width: 45%;
	line-height: 1.8;
	margin: auto;
}

#logoimg{

	width: 60px;
	height: 60px;
	
}

.logo-space {

	position: absolute;
  left: 12%;
  top: 45%;

  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

}