body {
	  background-color: lightblue;
	  padding-left: 20%;
	  padding-right: 20%;
	  padding-top: 1%;
	  padding-bottom: 1%;
	  font-family: Arial, Helvetica, sans-serif;
	}
	.page {
	  background-color: white;
	  border-radius: 15px;
	}
	.logo { padding: 10px; }
	.text { padding: 0px; }
	.col-xs-9 img {
		margin-bottom: 15px;
		height: 200px !important;
		width: 100%;
		object-fit: cover;
	}
	.page .row { padding: 20px; }
	.result { font-size: 18px; }
	p { font-size: 17px; }

	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
		width: 100%;
	}

	nav li {
		float: left;
		border-right:1px solid #bbb;
	}

	nav li:last-child {
		border-right: none;
	}

	nav li a {
		display: block;
		color: white;
		text-align: center;
		padding: 12px 16px;
		text-decoration: none;
	}

	nav li a:hover:not(.active) {
		background-color: #111;
		text-decoration: none;
		color: white;
	}

	nav .active {
		background-color: #4298f4;
		text-decoration: none;
		color: white;
	}

	@media screen and (max-width: 1200px) {
		body {
			padding-left: 10%;
			padding-right: 10%;
		}
	}

	@media screen and (max-width: 800px) {
		body {
			padding-left: 1%;
			padding-right: 1%;
		}
		.logo { height: 70px; }
		.languages img { height: 20px; }
		.page .row { padding: 5px; }
		.col-xs-9 img { height: 20%; margin-bottom: 5px; }
		.col-xs-3 { font-size: 10px; margin-left: -20px; }
		.result { font-size: 20px; }
		
		nav li a {
			display: block;
			color: white;
			text-align: center;
			padding: 8px 8px;
			text-decoration: none;
		}
	}