body {
	background-image: url('images/back.jpg');
}

* {
	box-sizing: border-box;
}

img {
	vertical-align: middle;
	/* ins-imgs.css */
	outline: none;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
}

/*
a img, #img1, .thumbs {
	outline: none;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
	margin: 5px; 
	width: 240px; 
	height: 180px; 
}
*/

#img1 {
	width: 900px;
	height: 600px;
	object-fit: scale-down;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Add a transparency effect for thumbnail images */
.thumbs {
	opacity: 0.6;
	width: 100%;
	cursor: pointer;	/* Add a pointer when hovering over the thumbnail images */
	border: 1px solid #ddd;
	border-radius: 16px;
	padding: 4px;
	height: 65px;
	/* object-fit: scale-down; */
}

.active, .thumbs:hover {
	opacity: 1;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: relative;
	width: auto;
	padding: 8px;
	margin-top: 0px;
	color: yellow;
	background-color: rgba(0, 0, 0, 0.2);
	font-weight: bold;
	font-size: 20px;
	border-radius: 16px 0 0 16px;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	left: 95%;
	border-radius: 0 16px 16px 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Six columns side by side */
.column {
	float: left;
	width: 12.5%;
}

.imgCol {
	float: left;
	width: 70%;
}

.leftCol{
	float: left;
	width: 25%;
	margin: 10px;
}

.logo {
	float:left;
	width:30%;	
}

.title {
	float:left;
	width:70%;
}
	
/* Responsive layout */
@media (max-width: 780px) {
	.info {
		float: left;
		width: 40%;
	}
	.osm {
		float: right;
		width: 40%;
	}
	.leftCol {
		width: 100%;
	}
	.imgCol {
		float: none;
		width: auto;
	}
}
