@import url('https://fonts.googleapis.com/css?family=Montserrat:700,900');
@import "iconFeatures.css";

/*** header ***/
#header .logo a{
	display: inline-block;
}
.logo img {width: 100%;}

/*** menu ***/
#menu {
	background: #24acc0;
}
#menu .close{
	color: #89dae5;
}

/*** header ***/
#banner .inner{
	width: 80em;
}
#banner h1{
	font-size: 6.5em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

/**** content ****/
h2 {
    font-size: 2em;
}
.page .box {
    background: rgba(0, 0, 0, 0.8);
}
.multipleBoxContent h2{
	color: #fff;
}
.multipleBoxContent .inner {
    width: 80em;
}
.multipleBox{
	margin-bottom: 20px;
}
.multipleBox .box{
	padding: 2.5em;
}
.iconBox{
	font-size: 6em;
	color: #fff;
	margin-bottom: 0.1em;
	display: inline-block;
}
.content img{
	max-width: 100%;
}
.page a{
	color: rgba(255, 255, 255, 0.75);
}
.textTable ul{
	list-style: none;
	padding: 0;
}
.events .date {
	margin-bottom: 0;
	margin-top: 0.2em;
}
.events img{
	max-width: 180px;
}
.events .box footer {
	margin-top: 1em;
}

#products {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#products .inner {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 80%;
}

#products h2 {
	margin: 0 0 50px;
	z-index: 9;
	font-size: 30px;
}

#products .inner .box {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 45%;
}

#products .inner .box .content{
	min-height: 88px;
}

#products .inner .box .text p {
	padding: 40px 0;
	font-size: 18px;
	color: white;
}

/*** contact ***/
#footer h2{
	margin-bottom: 0.5em;
}
.center{
	text-align: center;
}
#footer ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}
#footer :-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}
#footer ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}
#footer :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}
#footer .formerize-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}
#footer input[type="checkbox"]:checked + label:before, #footer input[type="radio"]:checked + label:before {
    color: #000;
}
#footer .error {
	color: #be2423;
}
label{
	font-size: 1em;
	margin: 0 0 0.2em 0;
}
#footer input[type="checkbox"] + label, #footer input[type="radio"] + label {
	color: #fff;
}
#success {
	margin: 1em 0 5em;
	font-size: 2.5em;
	text-align: center;
}

/*** footer ***/
#footer {
	background: #000;
	color: #fff;
}

/*** media query ***/
@media screen and (max-width: 980px){
	.multipleBox {
	    margin-bottom: 0;
	    padding: 0 3em;
	}
	.multipleBoxContent.post{
		height: auto;
	}
	.multipleBox .box{
		margin-bottom: 1.5em;
	}
	#products .inner {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%;
	}

	#products .inner .box {
		margin: 0 0 20px;
		width: 100%;
	}
}

@media screen and (max-width: 736px){
	#banner h1 {
	    font-size: 5em;
	}
	.wrapper {
	    padding: 4em 0;
	}
	.post h2 {
	    font-size: 2em;
	}
}
@media screen and (max-width: 480px){
	#header .logo {
		padding: 0.5em 0 0 0;
		max-width: 50%;
	}
	#banner h1 {
	    font-size: 3em;
	}
	.post h2 {
	    font-size: 1.75em;
	}
	.multipleBox {
	    padding: 0 1em;
	}
}