@import "detailbox.css";

@font-face {
  font-family: 'Avenir Next';
  src: url(../font/Avenir Next.ttc);
}

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
}

* {
	font-family: 'Avenir Next';
}

.header {
	border-bottom: 1px solid #bfbfbf;
}

.pointer {
	cursor: pointer;
}

#mainlogo {
	max-width: 200px;
}

#companycontact img {
	height: 1em;
	text-align: right;
}

#signuplink {
	text-align: right;
}

#filter {
	margin-top: 10px;
	margin-bottom: 10px;
}

.campaign {
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	margin-top: 40px;
	box-shadow: 0 5px 8px #888;
	background-color: white;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.campaign > .offer {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.campaign > .image {
	width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-radius: 0 0 5px 5px;

}

.campaign:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
}

.blurred {
	filter: blur(5px);
	-webkit-filter: blur(5px);
}
.cover {
	height: 100%;
	width: 100%;
	/*background-color: transparent;*/
	z-index: 1;
	position: absolute;
}

#footer {
	margin-top: 5em;
	border-top: 1px solid #bfbfbf;
	padding-top: 2em;
}

#footer > .company {
	text-align: center;
	margin-top: 3em;
}