body {
	padding: 0;
	margin: 0;
	font-family: 'Playfair Display';
}

a {
	text-decoration: none;
	color:#000;
}

#menu a {
	font-family: 'Playfair Display';
	margin: 0 8px;
}

#menu a:hover {
	color: #666;
}

#menu {
	text-align: center;
	margin: 5px 0 10px;
}

footer {
	text-align: center;
	margin: 20px 0 ;
}

 

.stanga {
	float: left;
	width: 50%;
	min-height: 700px;	
	text-align: center;
}

.stanga  img{ 
	width: 350px; 
	margin-top: 5px; 
	border: solid 1px #ccc;
}

.dreapta {
	float: left;
	width: 50%;
	min-height: 700px;	
	background-repeat: no-repeat; 
	background-size: cover;
    background-position: right;
}

.half {
	float: left;
	width: 50%;
	background-color: red;
	min-height: 700px;

}

@media only screen and (max-width: 768px) {
	.stanga, .dreapta {
		width: 100%;
	}
}