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



#ror {
	text-align: left;
}

#section-00 {}
#subvid {margin-bottom: 1.5vw;height: calc((100% / 16) * 9);}
#section-01 {}
#section-template {display: none;}

#img-01 {background-image: url('/images/brely/br_0.jpg');}
#img-02 {background-image: url('/images/brely/br_2.webp');}
#img-03 {background-image: url('/images/brely/br_1.webp');}
#img-04 {background-image: url('/images/brely/br_4.JPEG');}
#img-05 {background-image: url('/images/brely/br_5.JPEG');}
#img-06 {background-image: url('/images/brely/br_6.JPEG');}
#img-07 {background-image: url('/images/brely/br_7.JPEG');}
#img-08 {background-image: url('/images/brely/br_8.JPEG');}
#img-09 {background-image: url('/images/brely/br_9.JPEG');}
#img-010 {background-image: url('/images/brely/br_010.JPEG');}
#img-10 {background-image: url('/images/brely/br_10.JPEG');}
#img-11 {background-image: url('/images/brely/br_11.JPEG');}
#img-12 {background-image: url('/images/brely/br_12.JPEG');}
#img-13 {background-image: url('/images/brely/br_13.JPEG');}
#img-14 {background-image: url('/images/brely/br_14.JPEG');}
#img-15 {background-image: url('/images/brely/br_15.JPEG');}
#img-16 {background-image: url('/images/brely/br_16.JPEG');}
#img-17 {background-image: url('/images/brely/br_17.JPEG');}
#img-18 {background-image: url('/images/brely/br_18.JPEG');}
#img-19 {background-image: url('/images/brely/br_19.JPEG');}
#img-20 {background-image: url('/images/brely/br_20.JPEG');}
#img-21 {background-image: url('/images/brely/br_21.JPEG');}
#img-22 {background-image: url('/images/brely/br_22.JPEG');}

.items {
  height: calc((90vw / 16) * 16);
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.34);
  cursor: ew-resize;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.item {
  width: 500%;
  height: calc((90vw / 16) * 16);
  background-image: url('../images/Experience-Timeline-Large.jpg');
  background-position: 0% 50%;
  background-size: auto 100%;
}

.items::-webkit-scrollbar {
  display: none;
}

#dragmove p {
	font-family: 'Akzidenz-Grotesk-Nxt-Lte', sans-serif;
	color: #010b14;
	font-weight: 300;
	margin-top: 1.5vw;
	text-align: center;
}

/*#img-02{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100% 50%;
	transform: translateX(0%);
}
#img-03{
	width: 115%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 100%;
	/*transform: scale(1.125);*/
/*}
#img-04{
	width: 130%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 25%;
	transform: translateX(0%);
}
*/