@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


/*
memo 

ipad : 1024x768
iphone6p : 736x414
*/



/* mobile
-----------------------------------*/
@media screen and (max-width: 767px){

.content{
	padding-left: 15px;
	padding-right: 15px;
}

h2{
	font-size: 30px;
}

.contact{
	font-size: 13px;
	line-height: 3;
	padding: 0 15px;
	margin-right: 20px;
}

.logo{
	padding-top: 70px;
	padding-bottom: 10px;
}
.logo .name{
	font-size: 33px;
}
.logo .dev{
	font-size: 33px;
}


.sub{
	padding-left: 0;
	font-size: 17px;
}

.details > div{
	width: 100%;
	float: none;
}
.details-left{
	margin-bottom: 20px;
}

.clients-list{
	padding: 0 0;
}
.clients-list li{
	width: 44%;
	margin: 0 3%;
}


.contact-left,
.contact-right{
	float: none;
	width: 100%;
}
.contact-content input[type="email"]{
	width: 100%;
}
.contact-content textarea{
	width: 100%;
}



.footer-content{
	padding: 15px;
}
.siret{
	display: block;
	margin: 5px 0;
}
.siret:before,
.siret:after{
	content: '';
}

}