.section-pics .h1{
	color: transparent;
	margin-bottom: 0;
	border-bottom: none;
	cursor: default;
}
.big-thumbs{
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 1vw;
}
.big-thumbs:first-of-type{
	background-image: url(img/gallery-big/01-home/01.jpg);
}
.big-thumbs:nth-of-type(2) {
	background-image: url(img/gallery-big/01-home/11.jpg);
}
.big-thumbs:last-of-type{
	background-image: url(img/gallery-big/01-home/15.jpg);
}
.left-gallery{
	display: flex;
	justify-content: space-between;
}
.left-gallery a{
	font-size: 0;
	overflow: hidden;
}
.section-pics a{
	outline: 3px solid transparent;
}
.section-pics a:hover{
	outline-color: #111;
}
.left-thumb{
	width: 100%;
}
.hider{
	width: calc(100% - 15px);
	height: 20px;
	position: absolute;
	background-image: linear-gradient(transparent, white 80%);
	bottom: 0px;
	right: 0;
}


.section-company article{
	margin-bottom: 1.5vw;
}
.carousel{
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 0;
}
.carousel.horizontal{
	height: 5vw;
}
.carousel a{
	display: inline-block;
	overflow: hidden;
}
.carousel a:first-of-type{
	margin-left: 0;
}
.carousel.horizontal a{
	width: 6vw;
	height: 4.5vw;
}
.carousel-img{
	width: 100%;
}




.section-updates{
	font-size: 90%;
	position: relative;
	height: fit-content;
}
h2{
	border-bottom: 1px solid;
	position: relative;
}
.section-updates article{
	padding-right: 10px;
	padding-bottom: 20px;
}




@media (max-width: 1000px){
	section{
		margin: 8vw 0;
	}
	.section-pics .left-gallery{
		display: none;
	}
	.section-pics .scrollY{
		display: flex;
		justify-content: space-between;
		gap: 3vw;
	}
	.left-gallery{
		overflow-x: scroll;
		gap: 3vw;
		margin: 5vw 0;
	}
	.left-gallery a{
		width: 17vw;
		height: 11vw;
		flex-shrink: 0;
		margin-bottom: .5vw;
	}
	.big-thumbs{
		height: 34vw;
		width: 49vw;
	}
	.hider{
		display: none;
	}
	.section-company{
		position: relative;
	}
	.section-company:after{
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		height: 50vw;
		width: 10%;
		background: linear-gradient(to right, transparent, white 90%);
	}
	.section-company div:hover{
		position: relative;
		z-index: 5;
	}
	.carousel a{
		display: inline-block;
		width: 17vw;
		overflow: hidden;
		margin: 1.5vw 1.5vw .5vw 1.5vw;
	}
	.section-updates{
		background: #444;
		color: #eee;
		border-radius: 10px;
		padding: 5vw;
	}
	h2{
		font-size: 200%;
	}
}


@media (min-width: 1000px){
	.section-company .left-gallery{
		display: none;
	}
	.scrollY{
		height: 100%;
		overflow-y: scroll; 
	}
	main{
		width: 100%;
		display: flex;
		justify-content: space-between;
		gap: 6vw;
	}
	section{
		width: 25%;
	}
	.section-pics{
		direction: rtl;
		margin-left: -17px;
		height: calc(100vh - 140px);
		position: relative;
	}
	.section-pics .scrollY{
		padding: 3px 3px 23px 3px;
	}
	.left-gallery{
		flex-wrap: wrap;
		row-gap: 0.5vw;
		direction: ltr;
	}
	.left-gallery a{
		width: 31%;
		height: 4vw;
	}
	.big-thumbs{
		height: 21vh;
		width: 100%;
	}
	.section-company{
		width: 50%;
	}
	.carousel a{
		width: 6vw;
		margin: 0.5vw;
	}
	.section-updates div{
		margin-right: -15px;
		height: calc(100vh - 170px);
	}
	.section-updates h2:after{
		content: '';
		width: 100%;
		height: 25px;
		position: absolute;
		background-image: linear-gradient(white 20%, transparent);
		bottom: -26px;
		left: 0;
	}
	.section-updates:after{
		content: '';
		width: 100%;
		height: 20px;
		position: absolute;
		background-image: linear-gradient(transparent, white);
		bottom: 0;
		left: 0;
	}
}