html {
  margin:0;
  padding:0;
  height:100%;
  min-height:100%;
}

body {
  margin:0;
  padding:0;
  font-family:'Arial', sans-serif;
  font-size:18px;
  color:#666666;
}

body * {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}


.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}

a {
	text-decoration:none;
	color:inherit;
	font-weight:bold;
}

.btn {
	cursor:pointer;
	background-color:#666666;
	color:#fff;
	padding:.5em 1em;
	display:inline-block;
}

.bg-grey {
	background-color:#e0e0e0;
}

.container {
	max-width: 980px;
	margin: 0 auto;
	display:block;
}

.container.space-top {
	padding-top:50px;
}

.container.space-bottom {
	padding-bottom:50px;
}

.container .row {
	display:flex;
	flex-flow:row wrap;
	align-items:stretch;
	justify-content:space-between;
	padding:0px 10px;
}

.container .row.no-wrap {
	flex-flow:row nowrap;
}



.container .row .col {
	width:100%;
	padding:0 10px;
}

.container .row.flex-start {
	justify-content:flex-start;
}

.container .row.flex-start .col {
	width:auto;
}

.logo {
	width:100%;
	height:auto;
	max-width:250px;
	padding-top:20px;
	padding-bottom:20px;
	min-widht:80px;
}


.thumbnail {
	display:inline-block;
}

.thumbnail img {
	width:100%;
	height:auto;
	max-width:150px;
	padding-bottom:20px;
	position:relative;
	top:0;
	filter: drop-shadow(0 15px 8px rgba(0, 0, 0, 0.2));
	transition:filter .5s ease, top .5s ease;
}

.thumbnail:hover img {
	filter: drop-shadow(0 23px 12px rgba(0, 0, 0, 0.4));
	top:-5px;
}







@media  all and (min-width: 1024px) { 

	body {
		font-size:22px;
	}
	
	.container .row {
	padding:0px 15px;
		flex-flow:row nowrap;
}
	
	.container .row.wrap {
		flex-flow:row wrap;
}

.container .row .col {
	width:0;
	padding:0 15px;
	flex-grow:1;
}
	
	.container .row.wrap .col {
		flex-grow:0;
	}

}