@import url(reset.css);
/* ====================================== */
/* SMARTPHONE, TABLETTE, DESKTOP ======== */
/* ====================================== */
body{
	font-family: helvetica, sans-serif;
	font-weight: 300;
	color: #707070;
	line-height: 20px;
	height: 100%;
}

html{
	height: 100%;
}

img{width: 100%;}

.left{
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
		height: 100%
	
}

.logo{
	width: 40%;
	margin: 20px auto;
}

h1{
	margin: 60px 0;
	font-size: 20px
}

.contact{
	font-size: 12px;
}

.mail{
	color: #2B1E72;
	font-size: 15px;
	margin-top: 20px;
}
.phone{
	color: #2B1E72;
	font-size: 15px;
}

.adress{
	margin: 20px 0;
	color: #2B1E72;
	font-size: 15px;
}

.adress a{
	color: #2B1E72;
	text-decoration: none;
}



.name{
	margin-top: 120px;
	font-size: 25px;
	line-height: 30px
}

.sign{
	font-size: 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	
}

.sign a{
	color: #2B1E72;
	text-decoration: underline;
	color: #707070;
}

.right{
	display: none;
}
/* ====================================== */
/* TABLETTE, DESKTOP ==================== */
/* ====================================== */
@media screen and (min-width: 481px) {
	body{
		
	}
	
.left{
	width: 40%;
	float: left;
}

.right{
	width: 60%;
		float: left;
	display: block;
}	
}

/* ====================================== */
/* DESKTOP ============================== */
/* ====================================== */
@media screen and (min-width: 769px) {
	body{overflow: hidden;}
.left{
	width: 30%;
	float: left;
	text-align: center;
	height: 100%
}

.right{
	width: 70%;
	float: left;
 	 height: 100%;
	
}
	

.right img{
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 70%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  left: 30%;
}
	
.logo{
	width: 40%;
	margin: 40px auto;
}

h1{
	margin: 80px 0;
	font-size: 20px
}

.contact{
	font-size: 12px;
}

.mail{
	color: #2B1E72;
	font-size: 15px;
	margin-top: 40px;
}
.phone{
	color: #2B1E72;
	font-size: 15px;
}

.adress{
	margin: 20px 0;
	color: #2B1E72;
	font-size: 15px;
}

.adress a{
	color: #2B1E72;
	text-decoration: none;
}



.name{
	margin-top: 120px;
	font-size: 25px;
	line-height: 30px
}

}