/*
Theme Name: Rare
Theme URI: http://rareconcept.ca/
Description: Theme for Wordpress
Author: asaumierdemers
Author URI: http://asaumierdemers.com
Version: 1.0
*/

body {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

div.maintenance-mode {
	font-family: Verdana, sans-serif;
	color: #AAA;
	width: 200px;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -50px;
	position: absolute;
}

div.maintenance-mode h1 {
	margin: 0;
	padding: 0;
}

div.maintenance-mode a {
	text-decoration: none;
	color: #AAA;
}

div.maintenance-mode a:hover {
	color: #666;
}

.wrap-header{
	background:url('images/header1.jpg') no-repeat bottom center ;
	background-size:  100%;
}

.wrap-about{
	background:url('images/about_06.png') no-repeat top center ;
	background-size:  100%;
}

.wrap-events{
	background: #c5c5c5 url('images/image_background_services.jpg') no-repeat top center ;
	background-size:  100%;
}

.header{
	color:white;
	text-align:center;
	height: 650px;
	display:table;
	width:100%;
}

.about{
	/*min-height: 270px;*/
}

.events{
	/*min-height:450px;*/
}

.footer{
	/*min-height:200px;*/
	font-size:20px;
}


.footer a{
	color:#413017 !important;
	font-weight:bold;
}

.footer-end{
	background-color:#2b1f0e;
	height:55px;
	width:100%;
	color:white;
	display:table;
	margin-top:50px;
}

.footer-text{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size:14px;
}



.slogan {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.slogan .points{
	text-transform:uppercase;
}

.slogan p{
	font-size:28pt;
}

.text {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left:20%;
}

.text p{
	font-size:28pt;
}

.green{
	color:#98ca59;
}

.brown{
	color:#413017;
}


.about h1{
	margin-top:50px;
	font-size:17pt;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:20px;
}

.about p{
	font-size:18px;
	padding-bottom:50px;
}

.events h1{
	margin-top:50px;
	font-size:17pt;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:20px;
}

.events h2{
	margin-top:35px;
	font-size:13pt;
	text-transform: uppercase;
	font-weight:bold;
}

.events p{
	font-size:16px;
	
}

.events ul{
	padding-left:15px;
	padding-bottom:50px;
}

.events ul li{
	font-size:14px;
}


.footer h1{
	font-size:17pt;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom:20px;
	margin-top:50px;
}

.footer-end a{
	color:white !important;
	text-decoration: underline;
}

.logo{
	width:200px;
	margin-bottom:100px;
}


@media (max-width: 1147px){
	.wrap-header,.wrap-about{
		background-size: auto;
	}
}



@media (max-width: 992px){


	.header {
	  height: 480px;
	  padding: 0 30px;
	}

	.slogan p{
		font-size:25px;
	}

	.about{
		min-height: 250px;
	}

	.about p{
		font-size:15px;
	}

	.image-wrapper{
		margin-bottom:30px;
	}

	.wrap-events{
		background:#e3e3e3;
	}

}

@media (max-width: 480px){
	

	.logo{
		width:200px;
	}

	.slogan p{
		font-size:20px;
	}
}