*{margin: 0; padding: 0; box-sizing: border-box;}
html{width:100%;}
body{ font-family: "Raleway", sans-serif; color: #fff; overflow-x: hidden; position: relative;}

header{display: flex; align-items: center; justify-content: center; height: 170px; background: #000; position: absolute; left: 0; top: 0; right: 0; z-index: 100;}
header img{width: 170px; height: auto;}
.container{height: 100vh; width:100%; display: flex;}
.container > div{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; width: 50vw; position: relative;}
.container > div::before{content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 99.48717948717949%);}
.container > div.uco-life::before{background: rgba(0, 0, 0, .7);}
.container > div > img{width: 280px; height: auto; position: absolute; bottom: 5vw;}
.container > div > a{display: flex; align-items: center; transition: ease-in-out all .3s; gap:10px; padding: 14px 24px; font-size: 16px; border: 3px solid #fff; 
	border-radius: 25px; color:#fff; text-decoration: none; font-weight: 500; position: relative; z-index: 10;}
.container > div > a:hover{background: #fff; color:#000;}
.uco-motive{background: url(images/motive-bg.jpg); background-size: cover;}
.uco-motive > a::after{content: ""; height: 20px; width: 20px; background: url(images/orange.svg) center no-repeat; background-size: contain;}
.uco-life{background: url(images/life-bg.webp); background-position: right center; background-size: cover;}
.uco-life > a::after{content: ""; height: 20px; width: 20px; background: url(images/blue.svg) center no-repeat; background-size: contain;}

/***** Responsive *****/

/* Small Desktop Screens */
@media (min-width: 960px) and (max-width:1199px) {
}

@media (max-width:959px){
	header{height: 100px; position: relative;}
	.container{flex-direction: column; background: #000;}
	.container > div{width: 100%; height: 240px; min-height: initial; gap:50px;}
	.container > div > img{position: relative; bottom: initial; width: 180px;}
	.uco-motive{background-position: center;}
}

/* Tablet State */
@media (min-width: 768px) and (max-width:959px){
}

/* Mobile State */
@media (max-width: 767px) {
	
}