@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic|Nunito:400,300,700);
/*
Template Name: Color
Version: 1.0
Author: 
Author URL: 
*/
/*************************
*******Typography******
**************************/
* { margin: 0;}

html, body {
    height:100%;
}

body {
  padding-top: 60px;
  background: url("../images/background2.png") no-repeat fixed top center;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #64686d;
  line-height: 26px;
  padding-bottom: 278px;   /* Height of the footer */
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #6e6d6a;
}

h1 {
	color: #aab246;
	font-family: 'Nunito', sans-serif;
	font-size: 30px;
	margin-bottom: 4px;
}

h2 {
	font-size: 22px;
	margin-top: 0;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
}
a {
  color: #00adef;
  -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms;-o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #2bcbff;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.art {	
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	height: 300px;	
	width: 100%;
		transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out,  -moz-transition: all 0.4s ease-out;  
}

.art:hover {
	opacity: 0.8;
	transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in,  -moz-transition: all 0.3s ease-in; 
}

.art.uno {
	background: url('../images/art-1.png') center center no-repeat; 
}

.art.dos {
	background: blue;
}

.art.dos {
	background: url('../images/art-2.png') center center no-repeat;
}

.art.tres {
	background: url('../images/art-3.png') center center no-repeat;
}

.button, .button:hover {
	background: #00aef0;
	color: #fff;
	padding: 5px 16px; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.button:hover {
	background: #008fc6;
	color: #fff;
}

.height-10 {
	height: 10px;
}

.height-20 {
	height: 20px;
}

.height-30 {
	height: 30px;
}

.height-40 {
	height: 40px;
}

.height-50 {
	height: 50px;
}

#wrapper {
	min-height:100%;
    position:relative;
}

footer {
	height: 278px; 
	position: absolute;
	width: 100%;
}

footer .silouhete{
	background: url('../images/footer.png') no-repeat center center;
	height: 208px;
}

footer .bottom{
	background: #474747;
	height: 70px;
}

footer .bottom a {
	display: block;
	padding: 15px;
}

.container {
	max-width: 1024px;
}

@media (max-width: 768px) {
  .article {
    margin-bottom: 60px;
  }
}