/*
 * Template Name: Sawadikao
 * Description: Sawadikao Theme.
 * Version:
 * Author: Fingerprint Technologies
 * Website: http://www.fingerprint.fr
*/

/*
*******************************************************
Import Google Fonts
*******************************************************
*/
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';
@import url('https://fonts.googleapis.com/css?family=Anton');

/*
*******************************************************
Reset
*******************************************************
*/
* {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

a {

	color: #009de5;
	transition: color 0.6s ease;

}

a:hover {

	color:#e1027c;
	text-decoration: none;

}

html {
	position:relative;
	/*height:100%;*/
}

html,
body{
	margin:0;
	padding:0;
}

/* Body
------------------------------------*/
body {
	font-size: 13px;
	line-height: 1.6em;
	font-family: 'Anton';
	color:#000000;
	background-color:#20201e;
	position:relative;
	/*height:100%;*/
	background-image:url(/files/truckduriz/assets/img/fond.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	padding-left:220px;
	padding-right:220px;

}

@media (max-width: 900px) {

	body {

		padding-left: 50px;
		padding-right: 50px;

	}

}

@media (max-width: 600px) {

	body {

		padding-left: 15px;
		padding-right: 15px;

	}

}

h1.logo {

	margin:0;
	padding:0;
	display:inline-block;
	padding-top:30px;

}

.texte {

	font-size:45px;
	line-height: 48px;
	display:inline-block;
	padding-top:30px;
	padding-bottom:30px;

}

@media (max-width: 1200px) {

	.texte {

		font-size: 34px;
		line-height: 36px;
		padding-top:15px;
		padding-bottom:15px;

	}

}


@media (max-width: 500px) {

	.texte {

		font-size: 28px;
		line-height: 30px;

	}

}

.truck {

	display:inline-block;
	padding-top:50px;
	padding-bottom:50px;

}

@media (max-width: 500px) {

	.truck {

		padding-top:20px;
		padding-bottom:20px;

	}

}

.reservation {

	display:block;
	font-size:34px;
	line-height: 42px;
	text-align: center;

}


@media (max-width: 1200px) {

	.reservation {

		font-size:24px;
		line-height: 26px;

	}

}


@media (max-width: 550px) {

	.reservation {

		margin-bottom:15px;

	}


	.reservation a {
		display:block;
	}

}

.pictos {

	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);

}

@media (max-width: 900px) {

	.pictos {

		position: relative;
		left:auto;
		top:auto;
		transform:none;
		margin-bottom:30px;

	}

	.pictos img {

		display:inline-block !important;
		vertical-align: middle;

	}


}

.pictos img {

	display:block;

}

@media (max-width: 500px) {

	.pictos img {

		width:65px;

	}

}

.adr {

	position: absolute;
	right: 40px;
	bottom: 60px;

}

@media (max-width: 900px) {

	.adr {

		position: relative;
		right:auto;
		bottom:auto;
		display:inline-block;
		padding-top:30px;
		padding-bottom:30px;

	}

	.adr img {

		width:150px;

	}

}