@charset "UTF-8";

html,
html * {
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

body {
	background: #FEFFEE;
	margin: 0px 0px 0px 0px;
    }

header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: solid 0.05em #000000;
	display:inline-block
	
}

footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
	background: #3A3A3A ; 
}


div.main-center-space{
	position: relative;
	width: 100%;
	padding-top: 1em;
	display: inline-block;
	
}

div.Entry-left{
	position: absolute;
	top: 0;
	left:0;
	bottom: 0;
	width: 50%;
	height: 100%;
	border: 5em #000000;
}

div.Entry-left-img{
	object-fit: cover;
	opacity: 100%;
	overflow: hidden;
	width: 100%;
	height: 100%;
	;
}

img.Entry-left-img{
	object-fit: cover;
	overflow: hidden;
	width: 100%;
	height: 100%;
	;
}

div.Entry-left-img:hover{
	transform: scale(1.1);
	overflow: hidden;
	opacity: 70%;
	transition: 0.8s;
}

div.Entry-right{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
}
img.Entry-right-img{
	object-fit: cover;
	overflow: hidden;
	width: 100%;
	height: 100%;
	;
}

div.Entry-right-img:hover{
	transform: scale(1.1);
	overflow: hidden;
	opacity: 70%;
	transition: 0.8s;
}

/*desktop view*/

@media (min-width: 1024px){

	
	header{
		top: 1.5em;
		width: 100%;
	}
	
	div.main-center-space{
		position: relative;
		padding-left: 10em;
		padding-right: 10em;
		top: 1.2em;
	}
	
}
/*tablet view*/

@media (min-width: 768px) {
	
	div.header-nav ul li {
		display: inline-block;
		
}
	div.header-nav ul  {
		text-align: center;
		
}
	div.header-nav  {
		
		
}
}