body{
	font-family:'Poppins',sans-serif;
	font-size:20px;
	font-weight:200;
	color:#fff;
	background-color:#333;
	overflow:hidden;
	background: url(../images/5.jpg) no-repeat;
    background-size: cover;
}

.overlay {
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    z-index: 8;
}

.right-obj{
	width:50%;
	float:right;
	height:100%;
	position:relative;
	display:flex;
	align-items:center;
	clear:right;
	padding-left: 2em;
    padding-right: 5em;
}

.left-obj {
    width: 50%;
    float: left;
	height:100%;
    position: relative;
    display: flex;
    align-items: center;
    clear: left;
    padding-left: 5em;
    padding-right: 2em;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.image-1{
	background:url('../images/bg-2.jpg');
	background-size:cover;
    height: 60%;
    width: 100%;
	position: relative;
	overflow:hidden;
	}

.image-2{
	background:url('../images/12.jpg');
	background-size:cover;
	height: 60%;
    width: 100%;
	position: relative;
	overflow:hidden;
}

#logo {
    width: 25vw;
    height: 30vh;
    background: url(../images/logo.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    overflow: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.card-x {
    z-index: 10;
    position: absolute;
    text-align: center;
}

.c1 {
    margin: 3em 0 0 6em;
}

.c2 {
    margin: 0 6em 3em 0;
    bottom: 0px;
    right: 0px;
}

.o1,.o2{
	transition:.2s ease-in-out;
}

.o1:hover,.o2:hover{
	opacity:0;
}

.rot-l{
	transform: perspective(985px) rotateY(30deg) rotateX(0deg);
}

.rot-r{
	transform: perspective(985px) rotateY(-30deg) rotateX(0deg);
}

.simple-btn {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    padding: 0em 2em;
    border: 1px solid #fff;
	outline:0;
	transition:.1s ease-in-out;
	border-radius:3px;
}
.simple-btn:hover {
    text-decoration: none;
    color: #333;
	background:#fff;

}

@media screen and (max-width:1000px){
	.rot-l,.rot-r{
		transform:none;
	}
	body{
		overflow:auto;
	}
	.content {
		display: inline-block;
		width: 100%;
	}
	.left-obj,.right-obj{
		width:100%;
		height:auto;
		padding-left:2em;
		padding-right:2em;
	}
	#logo {
		top: 0;
		bottom: initial;
		width: 100px;
		height: 130px;
		background-size: cover;
		margin: 20px;
		left: 0;
		right: 0;
		margin: 40px auto;
	}
	
	.c1 {
		margin: 10em 0 0 5em;
	}
	
	.c2 {
		margin: 0 3em 3em 0;
	}
	.image-1,.image-2{
		min-height: 25em;
	}
	
}

@media (min-width: 320px) and (max-width: 480px) {
  
  	.left-obj,.right-obj{
		width:100%;
		height:auto;
		padding-left:0em;
		padding-right:0em;
	}
  
}