.page-top-image *{
	font-family: 'Montserrat';
}

.page-top-image {
	position:relative;
	height: 650px;
	background: url() no-repeat center top fixed;
	background-size: cover;
	/*background-attachment:scroll;*/ /*delete this for paralax effect*/
	
}

.page-top-image .container .greenblock {
	position:absolute;
	top:0;
	bottom:0;
	width:500px;
	background-color: #169998;
	opacity: 0.8;
}
.page-top-image .container h1{
	color:#fcb715;
	font-weight: 600;
	font-size: 4em;
}
.page-top-image .container h2{
	text-transform: uppercase;
	color:#fff;
	font-weight: 400;
}
.page-top-image .container h3{
	color:#fff;
	font-weight: 300;
}
.page-top-image .container a.btn{
	margin-top:2em;
	color:#fcb715;
	background-color: #000;
	padding:1em 3em 1em 3em;
	border:none;
}



section.content div.product-box {
	position: relative;
	border:1px solid #fcb715;
	font-size:1.2em;
	font-weight: 300;
	text-align: center;
	padding:2em;
	margin-top: 5em;
	height:180px;
	cursor:pointer;
}
section.content div.product-box.services{
	border:1px solid #169998;
}
section.content div.product-box h1{
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
	font-family: 'Montserrat';
}
section.content div.product-box div.upperlogo{
	position: relative;
	margin-top:-80px;
	margin-left: auto;
	margin-right: auto;
	width:90px;
	height:90px;
	border:1px solid #000000;;
	background-color: #ffffff;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	cursor:pointer;
}
section.content div.product-box div.upperlogo img{
    position: absolute;
	width: 50px; 
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
}
section.content div.product-box.goldbox {
	background-color: #fcb715;
	color:#ffffff;
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,1);
}
section.content div.product-box.goldbox div.upperlogo{
	background-color:#000000;
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,1);
}
section.content div.product-box.goldbox div.upperlogo img{
	-webkit-filter: invert(1);
   filter: invert(1);
}
section.content div.product-box.greenbox {
	background-color: #169998;
	color:#ffffff;
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,1);
	border:1px solid #169998;
}
section.content div.product-box.greenbox div.upperlogo{
	background-color:#000000;
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,1);
}
section.content div.product-box.greenbox div.upperlogo img{
	-webkit-filter: invert(1);
   filter: invert(1);
}

div.bgimage {
	min-height:400px;
	background: url() no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.quisommesnous h1{
	font-size:2.4em;
	font-weight: 600;
	font-family: 'Montserrat';
	text-transform: uppercase;
	color:#ffffff;
	padding-top:2em;
	padding-bottom:1em;
}
div.quisommesnous p{
	color:#ffffff;
}




/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	div.bgimage {
		height:300px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.page-top-image {
		height: 400px;
		/*background-attachment: scroll;*/
	}
	.page-top-image .container .greenblock {
		width:60%;
	}
	.page-top-image .container h1{
		color:#fcb715;
		font-weight: 600;
		font-size: 2em;
	}
	.page-top-image .container h2{
		text-transform: uppercase;
		color:#fff;
		font-weight: 400;
		font-size: 1.5em;
	}
	.page-top-image .container h3{
		color:#fff;
		font-weight: 300;
		font-size: 1.5em;
	}
	.page-top-image .container a.btn{
		margin-top:2em;
		color:#fcb715;
		background-color: #000;
		padding:1em 3em 1em 3em;
		border:none;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
/*	.page-top-image .container .greenblock {
		width:100%;
		top:0;
		left:0;
		right:0;
	}*/
	.page-top-image .container h1{
		font-size: 1.8em;
	}
	.page-top-image .container h2{
		font-size:1.4em;
	}
	.page-top-image .container h3{
		font-size:1.2em;
	}
	section.content div.product-box h1 {
		font-size:1em;
	}
	section.content div.product-box{
		font-size:1em;
	}
	section.content div.product-box{
		height:150px;
	}
}