/*Reset Basico Minimal*/

html {
  box-sizing: border-box;
  font-size: 19px;
  color: #fff;
  background: #000000;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Basel Neue';
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

.hmeta{
	display:none;
}

/*font*/

	@font-face {font-family: 'Basel Neue';
    src: local('Basel Neue'),
	url('fonts/Basel Neue.eot'), /* IE9*/
    url('fonts/Basel Neue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Basel Neue.woff2') format('woff2'), /* chrome、firefox */
    url('fonts/Basel Neue.woff') format('woff'), /* chrome、firefox */
    url('fonts/Basel Neue.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('fonts/Basel Neue') format('svg'); /* iOS 4.1- */
	font-weight: 400;
    font-style: normal;
}
	
a {
	text-decoration: none;
	color: #fff;
}

/*colonne*/
@media only screen and (min-width: 768px) {
.column {
  margin-top: 50px;
  float: left;
  width: 20%;
  text-align: left;
  margin-left: 50px;
}
}
	
.columnoma {
  margin-top: 50px;
  float: left;
  width: 15%;
  text-align: left;
}

.columnina {
 margin-top: 50px;
  float: left;
  width: 20%;
	text-align: right;
}

.columninq {
  margin-top: 50px;
  float: left;
  width: 20%;
  text-align:left;
}

.columnmob {
  display:none;
}
.columndes {
  margin-top: 50px;
  float: left;
  width: 20%;
  text-align: left;
}

.row {
	position: relative;
	width: 100%;
}

video {  
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
		
@media (min-aspect-ratio: 16/9) {
    video {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    video { 
        width:auto;
        height: 100%;
    }
}

@media screen and (max-width: 1000px) {
	.row{
		  margin-left: 10%;
}
	
  .column {
	margin-top: 10%;
    width: 75%;
	text-align: left;
  }
	
.columnina {
    width: 90%;
	text-align:justify;
  }
	
  .columninq {
    width: 75%;
	text-align: left;
  }
  .columndes {
	display:none;
}
.columnmob {
    width: 50%;
	display: block;
  }
	
.columnoma {
  width: 50%;
  float: left;

}	
}

@media screen and (min-width: 768px)  {
        .mobile-break { display: none; }
		html {
  box-sizing: border-box;
  font-size: 16px;
}
    }
	
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}