@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0}

@font-face{
	font-family: 'DIN-RegularAlternate';
	src: url(din_alternate_regular.otf)
}

@font-face{
	font-family: 'rounded';
	src: url(rounded.ttf)
}

@font-face{
	font-family: 'monthoers';
	src:url(monthoers.ttf);
	src: url(monthoers.otf)}

@font-face{
	font-family: 'din';
	src: url(din_alternate_regular.otf)
}

html{
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vw;
	background-color: #161415;
}
html::-webkit-scrollbar{display: none;}

body{
	width: 100vw;
	height: 100vh;
	font-family: 'rounded';
	padding: 0;
	margin: 0;
	
	position: relative;
}
body::-webkit-scrollbar{
	dipslay:none;
}
body { -webkit-touch-callout: none !important; }

/*-------------------------- 0. HEADER --------------------------*/



header{
	width: 100%;
	height: 70px;
	text-align: center;
	z-index: 100;
	position: fixed;
	top: 0;
	display: flex;
	align-content: center;
	align-items: center;
	background-color: #161415;
	
	font-family: "rounded";
	
	justify-content: flex-end;
	
	z-index: 1000;
	
}
	
	.logo{
		width: 150px;
		position: absolute;
		z-index: 200;
		top: 10px;
		left: 50%;
		transform: translate(-50%, 0%);
	
		text-align: center;
		
	}
	.logo{
		width: 120px;
		position: absolute;
		z-index: 200;
		top: 10px;
		left: 50%;
		transform: translate(-50%, 0%);
	
		text-align: center;
		
	}
	

/*-------------------------- 1. NAV --------------------------*/

	.wheel{
		width: 40px;
		margin-right: 50px;
		cursor: pointer;
		
		z-index: 2000;
	}
	.wheel img{width: 100%;}

	.flip { transform: rotate(-180deg);}

nav{
	
	background-color: #161415;
	
	z-index: 1500;
	
	right: 0;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	
	display: none;
	
}


	nav a{
		text-decoration: none;
		color: darkgray;

	}
	nav a:hover{
		color: moccasin;
	}




	.vertical{
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		
		height: 100%;
		
		color: darkgray;
		
}

	.vertical li{
		list-style: none;
		padding: 15px;
		font-family: "rounded";
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
}

	.vertical li:hover{
		color: moccasin;
	}
	

	.nav_paintings{
		display: none;
	}

	.nav_paintings_option{
		text-transform: capitalize;
		color: lightsalmon;
		cursor: pointer;
	}





	.active{color: black;}
	/*--
	input{display: none}
	--*/
	label{
		margin-right: 20px;
		display: block;
		cursor: pointer;
		filter: invert();
		
		align-self: flex-end;
}


	.socialmedia{
		width: auto;
		position: absolute;
		left: 50px;

	}
	.socialmedia img{
		display: inline-block;
		margin-left: 10px;
	}

	.socialmedia_anchor{
		width: auto;
		position: absolute;
		left: 30px;
		cursor: pointer;
		
		display: none;
	}
	.socialmedia_anchor img{
		display: inline-block;
		margin-left: 0px;
	}


	@media screen and (max-width: 768px) {
		.logo{
		width: 120px;
	}
		nav{
			width: 100%;
			
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			align-content: center;
			justify-content: center;

			display: none;

		}
		.vertical li{
			padding: 30px;
			font-size: 25px;
			 }
		.wheel{
		margin-right: 30px;
	}
		
		
}

	@media screen and (max-width: 500px){
		.socialmedia{
			width: 60px;
			position: absolute;
			left: 0;
			top: 0;
			margin-left: 20px;
			background-color: #161415;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			align-content: center;
			justify-content: center;
			text-align: center;
			
			margin-top: 70px;
			padding-bottom: 30px;
			
			display: none;
			border-radius: 0px 0px 20px 20px;
			
		}
		.socialmedia img{
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			width: 30px;
		}

		.socialmedia_anchor{
			width: auto;
			position: absolute;
			left: 0;
			margin-left: 30px;
			display: block;
		}
		.socialmedia_anchor img{
			display: inline-block;
			margin-left: 0px;
		}
		
	}

/*-------------------------- 2. PARALLAX --------------------------*/













/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------------- INDEX ------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


main{
	width: 100%;
	height: auto;
	
	position: relative;
}
main::-webkit-scrollbar{display: none;}

.parallax1{
	width: 100%;
	height: 80%;
	background-image:  url(images/bg_parallax1.JPG);
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
}

.backgroundvideo{
	width: 100vw;
	overflow: hidden;
	height: auto;
	margin: 0;
	padding: 0;
	
}

video{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	outline: none;
	margin-bottom: -10px;
}

@media only screen and (max-width: 800px){
	
	.backgroundvideo{
		height: 100vh;
		
	}
	
	video{
	height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	outline: none;
	margin-bottom: -10px;
}

	.galerielospatas_box1{
	width: 100%;
	height: auto;
	background: white;
	text-align: center;
	overflow-x: hidden;
}

	.galerielospatas_box2{
	width: 100%;
	height: auto;
	margin-top: 20px;
	float: left;
}
	
	.popup{
		width: 100%;
	}
	
	
}

/*--------------------- SECTION 1 : PARALLAX ---------------------*/


/*--------------------- SECTION 2 : INDEX PRESENTATION ---------------------*/

.index_galerielospatas{
	background-color: #161415;
	width: 100%;
	height: auto;
	
	min-height: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	padding-top: 50px;
	padding-bottom: 100px;
	
}

	.index_halfimage{
	
width: 40%}
	.index_halfimage img{width: 100%}
	.galerielospatas_box{
		
		text-align: center;
		
		width: 60%;
		height: auto;
		padding: 0;
	
		color: antiquewhite;
		
		
}

	.logoface{
		width: 200px;
		margin-top: 100px;
		
}

	@media only screen and (max-width: 800px){
	
	
	.index_halfimage{display: none}
	.index_halfimage img{height: 100%}
	.galerielospatas_box{
		
		text-align: center;
		
		width: 100%;
		height: auto;
		padding: 0;
	
		color: antiquewhite;
		
		
}

	.logoface{
		width: 200px;
		margin-top: 100px;
		
}
		
	}


	.galerielospatas_box h1{
		font-family: "monthoers";
		letter-spacing: 4px;
		font-size: 90px;
		margin: 20px;
		padding: 0;
	}
	.galerie{font-family: "rounded";
		letter-spacing: 4px;
		font-size: 40px;
		padding: 0;
		margin: 0px;}
	.subtitle{
			font-family: "rounded";
			padding: 0;
			margin: 0;
			letter-spacing: 3px;
			font-size: 12px;
			color: #777b40;
			text-transform: uppercase;
	}

		.index_lang{
			display: flex;
			justify-content: center;
			text-align: center;
			cursor: pointer;
			
			margin-top: 50px;
		}
		.index_lang p{
				font-family: "rounded";
				font-size: 14px;
				margin: 20px}
		.index_text{
				font-size: 16px;
				letter-spacing: 0.5px;
				width: 70%;
				margin-right: auto;
				margin-left: auto;
			
			font-family: "rounded";
			letter-spacing: 2px;
			line-height: 150%;
			}

	.galerielospatas_img{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
}
	.galerielospatas_img img{width: 100%;}

		
		.feather{
	filter: invert();
	margin-top: 10px;
}

			#index_presentation_en{display: block;}
			#index_presentation_fr{display: none}
			#index_presentation_es{display: none}

				#index_en_anchor{display: block;}
				#index_fr_anchor{display: none}
				#index_es_anchor{display: none}


.index_mockup{
	width:"100%";
	margin-top: 50px;
	margin-bottom: 50px;
}



	@media only screen and (max-width: 600px){
	
	.index_galerielospatas{
		display: inline-block;
		height: auto;
	}
	.galerielospatas_box1{
	width: 100%;
	height: auto;
	background: white;
	text-align: center;
	overflow-x: hidden;
}
	.galerielospatas_box2{
	width: 100%;
	height: auto;
	margin-top: 20px;
	float: left;
}
	
	.popup{
		width: 100%;
	}
		
	.index_text{
				font-size: 14px;
				letter-spacing: 0.3px;
				width: 90%;
				margin-right: auto;
				margin-left: auto;
			
			font-family: "rounded";
			letter-spacing: 2px;
			line-height: 150%;
			}
	
	.galerielospatas_box h1{font-size: 80px;}
	.galerie{font-size: 30px;}	
		
		
	
}




/*--------------------- SECTION 3 : PARALLAX 2 ---------------------*/

.parallax2{
	background: url(images/bg_parallax2.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
}



/*--------------------- SECTION 4 : RECENTLY SOLD ---------------------*/

.index_galerielospatas_recentlysold{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
	align-items: center;
	align-content: center;
	padding-bottom: 50px;
}

	.recently_sold_vertical{
		width: 10%;
		transform: rotate(180deg);
	}

	.recently_sold_vertical p{
		font-family: "rounded";
		color: antiquewhite;
		font-size: 50px;
		writing-mode: vertical-lr;
		letter-spacing: 1px;

	}

	.recently_sold{
		background-color: #161415;
		width: 90%;
		height: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

		color: antiquewhite;

	}

		.recent_title{
			width: 100%;
			height: 100%;
			margin-top: 50px;
			margin-bottom: 0px;
			text-align: center;
			font-family: "rounded"
	}

			.recent_title h6{
				width: 100%;
				font-weight: 100;
				font-family: 'Swistblnk Monthoers';
				color: antiquewhite;
				font-size: 40px;
				padding: 0;
				margin: 0;
				margin-top: 50px;
				margin-bottom: 30px;
	}

			.recent_title p{
				font-family: "rounded";
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				font-size: 12px;}

			.recent_title a{color: sandybrown;}

		.recent_paintings{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin: 0;
			padding: 0;
			margin-top: 50px;
			text-align: center;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;

		}

			.recent_box{
				padding: 10px;
				width: 250px;
	}

			.recent_box img{width: 100%;}

			.recent_box p{
				margin: 10px;
				font-size: 12px;}

			.recent_box_more{
				width: 300px;
				margin-left: 10px;
				margin-right: 10px;
				height: 90%;
				display: flex;
				align-items: center;
			}

			.recent_box_more img{width: 100px;}

			.recent_box_more p{width: 300px;}

			.recent_box_more a{color: black;}
	

	@media only screen and (max-width: 800px){
	
		.index_galerielospatas_recentlysold{
			display: flex;
			flex-flow: column wrap;
			width: 100%;
			height: auto;

		}
		
		.recently_sold{
			width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;

			color: antiquewhite;

	}
		
		.recently_sold_vertical{
			width: 100%;
			transform: none;
}
		
		.recently_sold_vertical p{
			font-family: "rounded";
			color: antiquewhite;
			font-size: 40px;
			writing-mode: horizontal-tb;
			letter-spacing: 1px;
			margin-top: 50px;
			justify-content: center;
			text-align: center;
			

		}
		
		.recent_paintings{
			flex-direction: column;
		}
		
		.recent_box{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			}

		.recent_box img{
			width: auto;
			width: 100%;}
		
	}


/*--------------------- SECTION 5 : RECENTLY SOLD ---------------------*/


.parallax3{
	background: url(images/bg_maclav.JPG) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	height: 520px;
}


/*--------------------- SECTION 6 : SOCIAL MEDIAS ---------------------*/

.index_socialmedias{
	height: 130px;
}

.social{
	text-align: center;
	margin-top: 0px;
}

.socialbox{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mailbox{
	width: 100%;
	text-align: center;
}

.mailboxtext{
	text-decoration: underline;
	color: antiquewhite;
}

/*--------------------- 2.1 PARALLAX Container #3 End---------------------*/



















/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------PAINTINGS---------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*-------------------------------- PAINTINGS MAIN PAGE ---------------------------------*/

	.paintings{
	justify-content: center;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;}

		.paintings_sections{
			text-align: center;
			
			width: 100%; 
			display: flex;
			flex-direction: column;
			align-items: center;
			align-content: center;
			justify-content: center;
			
			height: 50vh;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_txakoliandthecrew.JPG);
			background-size: cover;
			background-position: center;
			
			margin-top: 70px;
		}
		.paintings_sections_sold{
			width: 100%; 
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			height: 50vh;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/2018_thewelcoming.JPG);
			background-size: cover;
			background-position: center;
			
			margin-top: 70px;
			
			color: antiquewhite;
		}

			.paintings_sections h1{
			font-family: 'rounded';
			color: antiquewhite;
			font-size: 40px;
			letter-spacing: 2px;
		}
			.paintings_sections p{
			font-family: 'rounded';
			color: antiquewhite;
			font-size: 18px;
			letter-spacing: 2px;
		}
			.paintings_sections a{
			font-family: 'rounded';
			color: antiquewhite;
			font-size: 18px;
			letter-spacing: 2px;
		}

			.paintings_menu{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			display: flex;
			justify-content: center;
			color: wheat;

			flex-direction: row;
			align-items: center;

			
		}


		.paintings_menu_option_available{
			margin: 10px;
			text-transform: uppercase;
			cursor: pointer;
			font-size: 12px;
			
		}

			.paintings_menu_option_available a{
			text-decoration: none;
			color: inherit;
			border-bottom: 1px solid wheat;
		}

		.paintings_menu_option_sold{
			margin: 10px;
			text-transform: uppercase;
			cursor: pointer;
			font-size: 12px;
		}

			.paintings_menu_option_sold a{
			text-decoration: none;
			color: inherit;
		}

			.active2{
				border-bottom: 1px solid wheat;
			}






/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------- AVAILABLE PAINTINGS----------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/


.paintings_available_wrap{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin-top: 50px;
}
.paintings_available_box{
	max-width: 300px;
	max-height: 300px;
	
	padding: 20px;
	justify-content: center;
	text-align: center;
	
	position: relative;
}
.paintings_available_box img{
	width: auto;
	max-height: 200px;
}
.paintings_available_box a{ width: 100%; text-decoration: none; color: inherit;}

.parallax_paintings1{
	background: url(images/paintings/2019_wherearewe4.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}
.parallax_paintings2{
	background: url(images/paintings/chicamadreaming3.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}
.parallax_paintings3{
	background: url(images/paintings/cpt_txakoliandthecrew2.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}
.parallax_paintings4{
	background: url(images/paintings/2019_onewayroad4.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}
.parallax_paintings5{
	background: url(images/paintings/2019_thisisforyou_cactus3.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}
.parallax_paintings6{
	background: url(images/paintings/2019_asmoothafternoon4.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 80vh;
}


	.paintings_available{
		
		background-color: #161415;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
		margin-bottom: 0;
}

	.paintings_sold{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
		background-color: #161415;
		
		padding-top: 50px;
		padding-bottom: 50px;
	}

		.availablepaintings_title{
		width: 100%;
		justify-content: center;
		position: absolute;
		top: 50%;
		font-family: "Swistblnk Monthoers";
		font-size: 4em;
		color: white;
		transform: translate(-50%, -50%);
		left: 50%;}

		@media only screen and (max-width: 800px){
			
			.paintings_available_box{
				width: 100%;
				padding: 0px;
				margin-bottom: 20px;
			}
			.paintings_available_box img{
				height: 100%;
			}
			
			.availablepaintings_title{
				width: 100%;
				justify-content: center;
				position: absolute;
				top: 50%;
				font-family: "Swistblnk Monthoers";
				font-size: 2.5em;
				color: white;
				transform: translate(-50%, -50%);
				left: 50%;}
		}


		.painting10{width: 10%}
		.painting20{width: 20%}
		.painting25{width: 25%}
		.painting30{width: 30%}
		.painting40{width: 40%}
		.painting50{width: 50%}
		.painting60{width: 60%}
		.painting70{width: 70%}
		.painting80{width: 80%}
		.painting90{width: 90%}
		.painting100{width: 100%}

			@media only screen and (max-width: 600px){
				.painting10{width: 90%}
				.painting20{width: 90%}
				.painting25{width: 90%}
				.painting30{width: 90%}
				.painting40{width: 90%}
				.painting50{width: 90%}
				.painting60{width: 90%}
				.painting70{width: 90%}
				.painting80{width: 90%}
				.painting90{width: 90%}
				.painting100{width: 90%}

	}



	.link{text-decoration: none; color: black; letter-spacing: 1px;}
	.link2{text-decoration: none; color: white; letter-spacing: 1px;}


					

/*---------------------------------------------------------------------------------------------*/
/*---------------------------- AVAILABLE PAINTINGS - Intro ------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

		.paintings_intro{
			display: flex;
			flex-wrap: row;
			align-items: center;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
			text-align: center;
			justify-content: center;
			
			color: antiquewhite;
			margin-top: 50px;
	}

			.paintings_description{
				width: 50%; 
				display: flex;
				flex-wrap: wrap; 
				justify-content: space-around;
				margin: 0;
				padding: 0;
			}

				.paintings_available_intro{
					justify-content: center;
					text-align: center;
					margin-left: auto;
					margin-right: auto;
					width: 100%;
					font-size: 16px;}
	

			.paintings_image{
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				padding: 15px;
				
				color: antiquewhite;
}

				.paintings_image a{
					text-decoration: none; color: antiquewhite; letter-spacing: 1px;
				}

			.paintings_image_mockup{
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				padding: 25px;
}

			.paintings_image_mockup_elguardian{
				background-image: url(images/mockup_massabe.jpg);
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				width: 50%;
				height: 50vh;
				padding: 15px;
}


				
			@media only screen and (max-width: 600px){
				
				.paintings_intro{flex-direction: column;}
				
				.paintings_description{
					width: 100%; 
					display: flex;
					flex-direction: row;
					align-items: center;
					height: 70vh;
					margin-bottom: 30px;
				}
				
}



		.paintings_container{
			width: 90%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}




/*--------------------- PAINTING BOXES ------------------------*/
	

.couple_box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

	.painting_box30{
		display: inline-block;
		max-width: 30%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;}
			
			.painting_blackbox30{
			background-color: black;
			display: inline-block;
			max-width: 30%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;}

	.painting_box40{
		display: inline-block;
		max-width: 40%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;	}
	
	.painting_box50{
		display: inline-block;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: center;}
		
			.painting_blackbox50{
			background-color: black;
			display: inline-block;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px;
			text-align: center;}

	.painting_box60{
		display: inline-block;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: center;	}

	.painting_box70{
		display: inline-block;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: center;	}

	.painting_box100{
		display: inline-block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: center;	}
	
			.painting_blackbox100{
			background-color: black;
			display: inline-block;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
			text-align: center;}


.paintings_textbox{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
			font-size: 0.9em;
			padding: 5px;}

/*------------------------------------------------------*/




/*------------- PAINTINGS SIZES -------------*/

			.painting_size10{width: 10%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size20{width: 20%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size30{width: 30%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size40{width: 40%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size50{width: 50%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size60{width: 60%; box-shadow: 5px 5px 8px 2px #aaa;}
			.painting_size70{width: 70%; box-shadow: 5px 5px 8px 2px #aaa;}
				.painting_size70_ns{width: 70%;}
			.painting_size80{width: 80%; box-shadow: 5px 5px 8px 2px #aaa;}
				.painting_size80_ns{width: 80%;}
			.painting_size90{width: 90%; box-shadow: 5px 5px 8px 2px #aaa;}
				.painting_size90_ns{width: 90%;}
			.painting_size100{width: 100%; box-shadow: 5px 5px 8px 2px #aaa;}

				.painting_blacksize10{width: 10%;}
				.painting_blacksize20{width: 20%;}
				.painting_blacksize30{width: 30%; padding-top: 20px;}
				.painting_blacksize40{width: 40%;}
				.painting_blacksize50{width: 50%;}
				.painting_blacksize60{width: 60%; padding-top: 20px;}
				.painting_blacksize70{width: 70%;}
				.painting_blacksize80{width: 80%; padding-top: 20px;}
				.painting_blacksize90{width: 90%;}
				.painting_blacksize100{width: 100%;}

			

/*-----------------------------------------*/




.top_20{
	width: 100%;
	margin-top: 20px;
}



/*---- Paintings Text------*/

.painting_names{
	padding-top: 10px;
	font-family: 'rounded';
	font-size: 1.4em;
	text-align: center;
	color: antiquewhite;}

	.painting_names2{
	padding-top: 10px;
	font-family: 'rounded';
	font-size: 1.4em;
	text-align: center;
	color: white;}

.painting_description{
	letter-spacing: 0px;
	font-size: 12px;
	margin-bottom: 10px;
	color: wheat;}
	
	.painting_description2{
	font-size: 0.6em;
	margin-bottom: 10px;
	color: white;}

/*-- AVAILABLE Paintings --*/

.paintingwrap{
	width: 500px;
	overflow: hidden;
	text-align: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}


#big img{
	max-width: 95%;
	max-height: 400px;
}

#small img{
	width: 15%;
	opacity: .8;
	cursor: pointer;
}

/*-----------------*/








.paintings_item{
	height: 180px;
}

.paint{
	max-height: 100%;
	max-width: 100%;

}











/*------------------------- PAINTINGS SOLD SECTION ----------------------------*/

.sold_ban{
		background-color: black;
		padding: 10px;}

	.sold_picture{
		width: 100%;
		opacity: 0.2;
}

.paintings_intro_sold{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		background-color: black;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}

.sold_subtitle{
	color: white;
	width: 100%;
	justify-content: center;
	font-size: 1.5em;
	padding-top: 30px;
	padding-bottom: 20px;
}

.sold_text{
	color: white;
	font-size: 0.9em;
	padding: 5px;
}


.top_20sold{
	width: 40%;
	margin-top: 20px;
}


.paintingssold_wrap{
	width: 100%;
	text-align: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #161415;
}



/*-------- PAINTINGS FOR SALE -------*/

/*---- nav bar---*/

.paintings_link{
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 0.8em;
}

















/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------- Paintings - AVAILABLE PAGE -------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------*/
/*--------- Paintings - AVAILABLE HEADER --------*/
/*-----------------------------------------------*/

.paintings_header_main{
	width: 100%;
	height: 30vh;
	padding-bottom: 20px;
	margin-top: 70px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.paintings_header_main h1{
	font-family: "rounded";
	font-size: 45px;
	color: antiquewhite;
	padding: 50px;
	letter-spacing: 1px;
}

@media only screen and (max-width: 600px){
	.paintings_header_main h1{font-size: 8vw;padding: 0;}
}



/*--------- Paintings AVAILABLE BOX--------*/

.paintings_availablebox{
	
	display: flex;
	flex-wrap: row wrap;
	
	width: 95%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
	justify-content: center;
	
	padding-bottom: 50px;
	margin-top: 50px;
}
@media only screen and (max-width: 800px){
	.paintings_availablebox{
				flex-flow: column wrap;
			}
}

/*--------- Paintings AVAILABLE BOX - Images--------*/
.paintings_wrap{
		background-color: #161415;
		
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		justify-content: center;
		display: inline-block;
		width: 50%;
}
@media only screen and (max-width: 800px){
			.paintings_wrap{
				width: 90%;
				margin-bottom: 50px;
	}
			
				#big img {
					max-width: 100%;
					max-height: 400px;}
		}

/*------ Paintings AVAILABLE BOX - Info -------*/
.paintings_info{
	width: 50%;
	
	padding: 0;
	margin: 0;
	
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	
	color: antiquewhite;
	
	background-color: black;
	border-radius: 10px;
}
@media only screen and (max-width: 800px){
	.paintings_info{width: 95%;}
}
@media only screen and (max-width: 600px){
	.paintings_info{
	width: 95%;
	
}}
.painting_title{
		font-family: 'rounded';
		color: antiquewhite;
		font-size: 25px;
		padding-top: 20px;
		padding-bottom: 30px;}

/*------ Paintings AVAILABLE BOX - Original or prints -------*/
.painting_originalorprints{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		text-align: center;
		
		margin-bottom: 30px;
	
		cursor: pointer;
	
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
.painting_originalorprints p{
		width: 150px;
		border: 1px solid antiquewhite;
		padding: 3px;
		border-radius: 5px;
		
		text-align: center;
		justify-content: center;
		text-transform: uppercase;
		letter-spacing: 2px;
	
		font-size: 12px;
}
.active_box{
	background-color: antiquewhite;
	color: black;
}

@media only screen and (max-width: 600px){
	.painting_originalorprints{
		
		width: 100%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		align-items: center;
		
	}
	.painting_originalorprints p{margin-bottom: 20px;}
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*------ Paintings AVAILABLE BOX - Original -------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/


#painting_prints_box{	padding: 0; margin: 0;}
.painting_prints_box_title{margin-bottom: 10px;}

.painting_prints_box_details{
	border: 1px solid white;
	margin-bottom: 30px;
	width: 350px;
	border-radius: 2px;
	
	margin-left: auto;margin-right: auto;
}
.painting_prints_box_table{
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 10px;
	text-align: left;
	
	color: white;
	
	padding: 5px;
	
}
.painting_prints_box_table td{width: 50%;}

@media only screen and (max-width: 600px){
	
	.painting_prints_box_details{
		width: 95%;
	}
	
	.painting_prints_box_table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 10px;
	text-align: left;
	
	color: white;
	
	padding: 5px;
	
}
}


.painting_prints_order{filter: invert(); margin-bottom: 40px;display: flex; flex-flow: row wrap; justify-content: center;}
#prints_size{
	filter: invert();
	width: 200px;
	background-color: antiquewhite;
}
.print_size_image {width: 40%;}
.print_size_image img{width: 90%}
.print_size_image p{margin-top: 10px;font-size: 14px;}


#print_size_20x30{display: flex; flex-flow:  row wrap;justify-content: space-around;}
#print_size_30x40{display: none; flex-flow:  row wrap;justify-content: space-around;}
#print_size_40x50{display: none; flex-flow:  row wrap;justify-content: space-around;}
#print_size_50x70{display: none; flex-flow:  row wrap;justify-content: space-around;}

.print_form{
	width: 60%;
	display: flex;
	flex-flow: column wrap;
}
.print_form_text{margin-bottom: 15px;}
.print_couple{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
	font-size: 12px;
	
	width: 250px;;
	margin-left: auto;
	margin-right: auto;
	
}
.print_couple input{
	border-radius: 5px;
	border: none;
	margin-bottom: 5px;
	background-color: antiquewhite;
	width: 150px;
	height: 16px;
}

.print_form_checkout{
	width: 90%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-top: 20px;
}
.print_form_checkout_price{margin-right: 15px;}

.print_restofworld_contact{
	width: 100%;
	background-color: antiquewhite;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding-top: 50px;
	
	z-index: 1000;
	
}
.print_restofworld_contact_title{
	margin-top: 70px;
	font-family: "rounded";
	font-size: 40px;
	
	width: 100%;
	justify-content: center;
	text-align: center;
	margin-bottom: 10px;
}
.print_restofworld_contact_text{margin-bottom: 20px;}
#print_restofworld_contact_form{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
	justify-content: center;
	text-align: center;
		
}
#print_restofworld_contact_form input{ width: 300px;margin-bottom: 10px;border-radius: 5px; text-align: center;}
#print_restofworld_contact_form textarea{ width: 300px;margin-bottom: 20px;border-radius: 5px;}



/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*------ Paintings AVAILABLE BOX - Original -------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/


#painting_original_box{	
	padding-top: 0px;
	padding-bottom: 20px;
	
	display: none;
}
#painting_original_box{margin-bottom: 20px;}
.painting_original_box_title{margin-bottom: 20px;}

.painting_original_box_details{
	border: 1px solid white;
	margin-bottom: 30px;
	width: 370px;
	border-radius: 2px;
	
	margin-left: auto;margin-right: auto;
}
.painting_original_box_table{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	
	color: white;
	font-size: 10px;
	text-align: left;
	
	padding: 5px;
}
.painting_original_box_table td{width: 45%;}

@media only screen and (max-width: 600px){
	
	.painting_original_box_details{
		width: 95%;
	}
	
	.painting_original_box_table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 10px;
	text-align: left;
	
	color: white;
	
	padding: 5px;
	
}
}

.painting_original_box_details{padding-bottom: 0px;}

#painting_original_box_prices{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	width: 95%;
	
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 20px;
}
.paintings_shippingfeeschart{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	padding: 0px;
	
}

.shippingtittle{
	font-size: 12px;
	text-transform: uppercase;
}
.shippingdetails{
	justify-content:center;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	
	font-size: 10px;
}
.price2{
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.buy_link a{
	color: antiquewhite;
	text-decoration: underline;
}
.buy_link img{
	width: 70px;
	padding-bottom: 10px;}

#paintings_body{
	width: 50%;
	text-align: center;
	justify-content: center;}
#paintings_body button{
			width: 100px;
			margin-left: auto;
			margin-right: auto;
			height: 30px;
			color: white;
			background-color: black;
			border: none;
			border-radius: 5px;
			font-family: 'Swistblnk Monthoers';
			font-size: 20px;
			letter-spacing: 3px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			margin-left: 5px;
}
#paintings_body a{text-decoration: none;}

.price{
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: antiquewhite;
	font-family: "rounded";
}

#shipping-europe{
	display: none;
}
#shipping-international{
	display: none;
}
#shipping-restofworld{
	display: none;
}

.buybutton{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	background-color: whitesmoke;
	padding: 3px;
	color: black;
	border-radius: 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: "rounded";
	font-weight: 900;
}

.order_form_checkout_payment_card{width: 10px; margin-left: 10px;}

.paintings_moreinformation{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	padding-bottom: 20px;
}


.paintings_moreinfo{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.paintings_moreinfo p{
	font-family: "rounded";
	font-size: 12px;
}
.paintings_moreinfo table a{
	text-decoration: underline;
	color: sandybrown;
}
.paintings_moreinfo table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	justify-content: center;
	border-spacing: 10px 0px;
	border: 0.5px solid white;
	border-radius: 5px;
	padding: 5px;
}
.paintings_moreinfo tr{
	justify-content: center;
	text-align: center;
}
.paintings_moreinfo td{
	font-family: "rounded";
	font-size: 10px;
	text-align: left;
}
.paintings_moreinfo_text{
	margin-left: 50px;
}

















.paintings_compo{
			display: inline-block;
			width: 280px;
			height: 200px;
			justify-content: center;
			text-align: center;}
.paintings_portrait{
			height: 200px;
			display: inline-block;}



/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--------------------- PAINTINGS BACKGROUNDS -------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


.cpt_tentaculopoulos{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/2020_cpttentaculopoulos1.JPG);
	background-size: cover;
	background-position: center;
}
.onewayroad{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/2019_onewayroad.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.semillitas{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/2017_tastyfish.JPG);
	background-size: cover;
	background-position: 0px -300px;
}



/*-- 27 x 22 cm--*/
.livingcannonball{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/livingcannonball.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.morningcoffee{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/morningcoffee.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.betweencacti{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/betweencacti.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_saltybone{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_saltybone1.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.iwantaceviche{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/paintings/Iwantaceviche.JPG");
	background-size: cover;
	background-position: 0px -300px;
}
.woodhunter{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/paintings/woodhunter.JPG");
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 30 x 24 cm--*/
.whatif{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/paintings/whatif.JPG");
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 35 x 27 cm--*/
.shylove{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/shylove.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_saltybone{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_saltybone.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_salmoneye{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_salmoneye.jpg);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_currentoes{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_currentoes.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_nightmares{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_nightmares1.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.guardian{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/guardian1.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.sanchopanza{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/sanchopanza.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.venice{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/venice1.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.betweenclovers{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/betweenclovers.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.smoothafternoon{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/paintings/smoothafternoon.JPG");
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 30 x 40 cm--*/
.kimbroughandmartinis{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/kimbroughandmartinis.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.wasabipeanuts{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/wasabipeanuts1.JPG);
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 40 x 50 cm--*/
.meskalinguardian{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/meskalinguardian.jpg);
	background-size: cover;
	background-position: 0px -300px;
}
.cpt_txakoliandthecrew{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/cpt_txakoliandthecrew.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.chicamadreaming{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/chicamadreaming.JPG);
	background-size: cover;
	background-position: 0px -300px;
}
.barracudatataki{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/barracudatataki.JPG);
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 50 x 70 cm--*/
.tastyfish{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/tastyfish.JPG);
	background-size: cover;
	background-position: 0px -300px;
}

/*-- 50 x 70 cm--*/
.thetribe{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/paintings/thetribe.JPG);
	background-size: cover;
	background-position: 0px -300px;
}




	

	





	.painting_details{
		font-family: "rounded";
		color: wheat;
		font-size: 10px;
		text-align: center;
		margin-bottom: 10px;}

	.painting_details a{
		color: wheat;
}

.paintings_link a{
	color: antiquewhite;
}

.uppercase{
	text-transform: uppercase;
}




.invert{filter: invert();}


	

		#commande_form{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

#commande_form_client{
	display: flex;
	width: 100%;
	justify-content: center;
}

#adresse_email{
	display: flex;
}

#commande_form_client input{
	margin-left: 10px;
	margin-bottom: 10px;
	width: 100px;
	background-color: white;
	border: 1px solid black;
}



		#commande_form_mail{
			width: 100px;
			height: 30px;
			color: white;
			background-color: black;
			border: none;
			border-radius: 5px;
			font-family: 'Swistblnk Monthoers';
			font-size: 20px;
			letter-spacing: 3px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			margin-right: 5px;
}








.button {
  background-color: antiquewhite;
  border: none;
  border-radius: 25px;
  color: black;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.6rem;
  margin: 0;
  cursor: pointer;
}






#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}

#share-buttons a{
	text-decoration: none;
}

.solddestination{
	margin-bottom: 50px;
	transform: rotate(-10deg)}

/*--------------------------------------------------*/


.socialmediabanner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: 100px;
	background-color: black;
}

.socialmedia_buttons{
	padding: 19px;
	top: 50%;
	vertical-align: middle;
}











/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------------- ARTWORK ---------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/



/*---------------------------- WOODLOGS SECTION ---------------------------*/

/*----------- Woodlogs Banner--------*/

.artwork_banner{
	width: 100%;
	height: 50vh;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/woodlog_1070.jpg);
	background-size: cover;
	justify-content: center;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	
	margin-top: 70px;
}

	.artwork_banner h1{
		font-family: "rounded";
		font-size: 40px;
		color: wheat;
		letter-spacing: 3px;
		}

	.artwork_img{
				display: inline-block;
				width: 200px;
				max-width: 100%;
				padding-top: 20px;}

/*-------------- Woodlogs description ----------------*/

	.artwork_intro{
		margin-top: 30px;
		margin-bottom: 30px;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		color: antiquewhite;
}

		.artwork_presentation{
			width: 50%; 
			text-align: center;
			margin-bottom: 30px;
		}
		.artwork_presentation h3{
					justify-content: center;
					font-size: 45px;
					color: white;
					text-transform: uppercase;
					letter-spacing: 2px;
					text-align: center;
					margin-left: auto;
					margin-right: auto;}
		.artwork_presentation p{
					margin-left: auto;
					margin-right: auto;
					width: 80%;
					font-size: 14px;
					padding: 5px;}

		.artwork_image{
				width: 50%;
				text-align: center;}
		.artwork_image img{width: 50%;}

		.artwork_names{
					font-family: "Swistblnk Monthoers";
					margin-left: auto;
					margin-right: auto;
					font-size: 1.3em;
					width: 100%;
					padding-top: 5px;}


		.artwork_pictures{
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-around;
				padding-bottom: 100px;}
		.artwork_pictures img{
					width: 30%;
					max-width: 250px;
					margin: 0;
					padding: 10px;}

			.collages_img{
				display: inline-block;
				width: 200px;
				max-width: 100%;
				padding-top: 20px;}


		
	@media only screen and (max-width: 500px){

		.artwork_intro{
			width: 90%; 
			display: flex;
			flex-wrap: column wrap;
			margin-left: auto;
			margin-right: auto;
		}
		.artwork_presentation{
			width: 100%; 
			text-align: center;
		}
		.artwork_image{
				width: 100%;
				text-align: center;}
		
		.artwork_off{display: none;}
		}



/*---------------------------- COLLAGES SECTION ---------------------------*/

/*----------- Collages Banner--------*/


	.collages_banner{
		width: 100%;
		height: 150px;
		background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/collages1banner.jpg);
		background-size: cover;
		justify-content: center;
		text-align: center;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		}

		.collages_banner h2{
	font-family: "Swistblnk Monthoers";
		font-size: 40px;
		color: wheat;
		letter-spacing: 3px;
}

		.collageintro_image{
		max-width: 500px;
		padding:10px; 
		text-align: center;}


	@media only screen and (max-width: 600px){
		.collageintro_image{
		max-width: 200px;
		padding:10px; 
		text-align: center;}
		}

























/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*------------------------------------- J-Luc MACLAV-------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	.jlucmaclav_banner{
		width: 100%;
		height: 50vh;
		background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/bg_maclav.JPG);
		background-size: cover;
		background-position: center;
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 70px;
	}

		.jlucmaclav_banner h1{
			font-family: "rounded";
			font-size: 40px;
			color: wheat;
			letter-spacing: 3px;
	}

		.jlucmaclav_img{
		display: block;
		text-align: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding-top: 20px;}

/*---------------------------------------------------------------------------------------------*/
/*--------------------------------- J-Luc MACLAV - Intro --------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	.jlucmaclav_intro{
		margin-top: 30px;
		margin-bottom: 30px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		
		color: antiquewhite;
		letter-spacing: 1px;
}


		.jlucmaclav_presentation{
			width: 60%; 
			text-align: center;
			margin-bottom: 30px;
		}

			.jlucmaclav_presentation h3{
					justify-content: center;
					font-size: 20px;
					color: antiquewhite;
					text-align: center;
				margin-bottom: 30px;
					margin-left: auto;
					margin-right: auto;}

			.jlucmaclav_presentation p{
					margin-left: auto;
					margin-right: auto;
					width: 80%;
					font-size: 14px;
					padding: 5px;}

		.jlucmaclav_image{
				width: 40%;
				text-align: center;}
		.jlucmaclav_image img{width: 70%;}

		
		.jlucmaclav_nature{
			width: 100%;
			height: auto;
			margin-bottom: 50px;
			margin-bottom: 100px;
				}

		.jlucmaclav_nature img{
			width: 100%;
		}
				


		@media only screen and (max-width: 600px){
			.jlucmaclav_intro{
				flex-direction: column;
		}
			
			.jlucmaclav_presentation{
			width: 100%; 
			text-align: center;
			margin-bottom: 30px;
		}
			
			
				}
















/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------------- CONTACT ---------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	.contact_banner{
		width: 100%;
		height: 50vh;
		background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/section_paintings5.jpg);
		background-size: cover;
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 70px;
}

		.contact_banner h1{
			font-family: "rounded";
			font-size: 40px;
			color: wheat;
			letter-spacing: 2px;
	}

	
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------- Contact - Intro -------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	.contact_intro{
		width: 100%;
		height: calc(100vh - 70px);
		margin-top: 70px;
		display: flex;
		flex-direction: row wrap;
		align-items: center;
		align-content: center;
		justify-content: space-around;
}

		.contact_presentation{
			max-width: 500px; 
			padding-top:30px; 
			text-align: center;
			color: wheat;
			letter-spacing: 1px;
		}

			.contact_subtitle{
					width: 100%;
					justify-content: center;
					font-size: 1.5em;
					color: antiquewhite;
					padding-top: 30px;
					padding-bottom: 20px;
					text-align: center;
					margin-left: auto;
					margin-right: auto;}

			.contact_text{
				font-size: 0.9em;
				padding: 5px;}

	@media only screen and (max-width: 600px){
		.contact_intro{
			width: 90%;
			flex-direction: column;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
	}
}


/*---------------------------------------------------------------------------------------------*/
/*--------------------------------- Contact - Form -------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
	
			.contact{
				padding-bottom: 50px;
			}

				.contact_form{
					width: 300px;
					margin-left: auto;
					margin-right: auto;
				}

				.form_control{
					display: block;
					width: 300px;
				}


/*---------------------------------------------------------------------------------------------*/
/*--------------------------------- Contact - Image -------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

		.contact_image{
					max-width: 40%;
					padding:10px; 
					text-align: center;}

		@media only screen and (max-width: 600px){
			.contact_image{
					max-width: 90%;
					padding:10px; 
					text-align: center;}
		}




/*------------THANK YOU----------*/

.thankyou{
  	text-align: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
  	padding-top: 20px;
  	padding-bottom: 30px;
}  








/*------------------CHECKOUT-------------------*/

.availablepaintings_intro{
	display: flex;
	justify-content: center;
	width: 100%;
	
}

.availablepaintings_description{
	width: 50%;
	height: 250px;
}

.availablepaintings_image{
	width: 50%;
	height: 250px;
	text-align: center;
}

.absolute{
	vertical-align: middle;
	top: 20px;
	
}














.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
	margin: 0;
	background-color: #161415;
}
.close {
		  color: white;
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
			z-index: 2100;
		  cursor: pointer;
		}
#modal_slider{
			display: flex;
			flex-direction: row;
			align-items: center;
			align-content: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			margin-right: auto;
			margin-left: auto;
			position: relative;
			flex-wrap: wrap;
			justify-content: center;
			text-align: center;
			overflow: hidden;
			background-color: #161415;
			color: antiquewhite;
		}






















.shipping_details{
	width: 100%;
	height: auto;
	background-color: black;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.shipping_details_info{
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 100px;
}
.shipping_details_title1{
	font-family: "rounded";
	color: wheat;
	font-size: 40px;
	letter-spacing: 1px;
	margin-bottom: 70px;
}
.shipping_details_title2{
	font-family: "rounded";
	color: wheat;
	font-size: 25px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.shipping_details_text{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	color: antiquewhite;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 1px;
}


.shipping_mockup_tube{
	width: 80%;
	margin-bottom: 70px;}

.shipping_images{
	display: flex; 
	flex-flow: row wrap;
	
	justify-content: space-around;
}
.shipping_images img{
	margin-bottom: 20px;
	width: 25%;
	border-radius: 10px;
}
.shipping_details_text2{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	color: antiquewhite;
	text-align: center;
	margin-top: 50px;
	letter-spacing: 1px;
}
.shipping_details_text2 a{color: inherit;}


@media only screen and (max-width: 800px){
	
	.shipping_details_info{width: 95%;}
	.shipping_details_text{width: 90%;}
	.shipping_mockup_tube{width: 100%;}
	.shipping_images img{width: 100%;}
	
	
		}




.order_form{
	margin-top: 30px;
	background-color: white;
	padding: 15px;
	border-radius: 10px;
}
.order_form_buyer{
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
	padding: 2px;
}

.order_forms_france{
	position: fixed;
	width: 80vw;
	height: 500px;
	border-radius: 10px;
	
	background-color: whitesmoke;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll;
	
	border: 5px solid white;
	
	display: none;
}
.order_forms_france::-webkit-scrollbar{
	display: none;
}

.order_forms_europe{
	position: fixed;
	width: 80vw;
	height: 500px;
	border-radius: 10px;
	
	background-color: whitesmoke;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll;
	
	border: 5px solid white;
	
	display: none;
}
.order_forms_europe::-webkit-scrollbar{
	display: none;
}

.order_forms_international{
	position: fixed;
	width: 80vw;
	height: 500px;
	border-radius: 10px;
	
	background-color: whitesmoke;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll;
	
	border: 5px solid white;
	
	display: none;
}
.order_forms_international::-webkit-scrollbar{
	display: none;
}

.order_forms_restofworld{
	position: fixed;
	width: 80vw;
	height: 500px;
	border-radius: 10px;
	
	background-color: whitesmoke;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll;
	
	border: 5px solid white;
	
	z-index: 1000;
	
	display: none;
}
.order_forms_restofworld::-webkit-scrollbar{
	display: none;
}


.order_forms_header{
	margin-top: 50px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.order_forms_title{
	font-family: "rounded";
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.order_forms_content{
	width: 90%; 
	margin-left: auto;
	margin-right: auto; 
	margin-top: 70px;
	display: flex;
	flex-flow: row wrap;
}



.order_forms_painting {
	width: 50%;
	text-align: center;
	justify-content: center;
}
.order_forms_painting img {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.order_forms_painting p {
	font-family: "rounded";
	font-size: 12px;
	padding: 10px;
	letter-spacing: 1px;
}

.order_forms_details {
	width: 50%;
	text-align: center;
	justify-content: center;
	margin-bottom: 50px;
}
.order_forms_details_title{
	font-family: "monthoers";
	font-size: 50px;
	letter-spacing: 1px;
	padding: 5px;
}
.order_forms_details_subtitle{
	font-family: "rounded";
	font-size: 10px;
	letter-spacing: 1px;
}
.order_forms_details_info{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	font-family: "rounded";
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px;
}
.order_forms_details_info2{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 5px;
	font-family: "rounded";
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px;
}
.order_forms_details_info3{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 5px;
	font-family: "rounded";
	font-size: 10px;
	letter-spacing: 1px;
	padding: 5px;
}
.order_forms_details_price{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid black;
	border-radius: 10px;
	
	margin-top: 20px;
	font-family: "rounded";
	font-size: 16px;
	letter-spacing: 1px;
	padding: 7px;
}

.order_form_couple{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding-bottom: 10px;
}
.order_form_couple p{
	width: 20%;
	font-size: 12px;
}
.order_form_couple input{width: 50%;}
.order_form_button{
	margin-top: 30px;
	display: flex;
	flex-flow: row wrap;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	background-color: black;
	border: none;
	border-radius: 10px;
	color: white;
	
	font-family: "cream";
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	cursor: pointer;
	
}
.order_form_button img{width: 20px; margin-left: 20px;}

.order_notice p{
	margin-top: 15px;
	font-size: 10px;
	letter-spacing: 1px;
}
.order_notice p a{text-decoration: underline;color: salmon;}


@media only screen and (max-width: 600px){
	
	.order_forms_content{
	width: 90%; 
	flex-flow: column wrap;
		justify-content: center;
		align-items: center;
}
	.order_forms_details {
	width: 100%;
}
	
	
}


.cgv2{display:none;}


.justsold{
	position: absolute;
	top: 50%;
	transform: translate(-0%, -50%);
	
	width: 100%;
	height: 50px;
	
	background-color: #161415;

	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	opacity: 0.8;
	
	padding: 0;
	margin: 0;
	
	text-align: center;
}

.justsold p{
	color: wheat;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}



















/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*----------------------------- FOOTER ------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


.footer{
	width: 100%;
	height: auto;
	min-height: 70vh;
	
	display: flex;
	flex-flow:  row wrap;
	justify-content: space-around;
	
	position: relative;
	
	
	
}

.footer_section1{
	width: 30%;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	color: antiquewhite;
}
.footer_section1_logo{
	width: 100px;
	height: auto;
}
.footer_section1_title{
	margin-top: 20px;
	font-size: 20px;
}
.footer_section1_text{
	font-size: 12px;
	margin-bottom: 10px;
}
.footer_section1_text2{
	font-size: 12px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}


.footer_section2{
	width: 30%;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	color: antiquewhite;
}
.footer_menu{
	list-style: none;
	color: white;
	letter-spacing: 2px;
}
.footer_menu a{color: inherit;text-decoration: none;}
.footer_menu li{ padding: 5px;}


.footer_section3{
	width: 30%;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	color: antiquewhite;
}
.footer_meoreinfo{
	list-style: none;
	color: white;
	letter-spacing: 2px;
	font-size: 12px;
	cursor: pointer;
}
.footer_meoreinfo a{color: inherit;text-decoration: none;}
.footer_meoreinfo li{ padding: 5px; }
#mentionslegales{
	position: absolute;
	
	width: 95%;
	height: 95%;
	border-radius: 10px;
	background-color: black;
	color: white;
	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	overflow: scroll;
	
	display: none;
	
}
#mentionslegales::-webkit-scrollbar {display: none;}
.mentionslegales_text{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	letter-spacing: 1px;
	padding-top: 50px;
}

#droitsdauteur{
	position: absolute;
	
	width: 95%;
	height: 95%;
	border-radius: 10px;
	background-color: black;
	color: white;
	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	overflow: scroll;
	
	display: none;
	
}
#droitsdauteur::-webkit-scrollbar {display: none;}
.droitsdauteur_text{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	letter-spacing: 1px;
	padding-top: 50px;
}

.footer_section3_siteinternet{
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 20px;
}
.footer_section3_siteinternet a{color: inherit;}

@media only screen and (max-width: 800px){
	.footer{
		padding-top: 50px;
	}
	.footer_section1{width: 45%;}
	.footer_section2{width: 45%;}
	.footer_section3{width: 95%; padding-top: 50px; padding-bottom: 50px;}
}

@media only screen and (max-width: 600px){
	.footer_section1{width: 95%;}
	.footer_section2{width: 95%; padding-top: 30px}
	.footer_section3{width: 95%; padding-top: 30px; padding-bottom: 50px;}
}


















/*------------ EMAILING --------------*/

.mailing_header{
	height: 150px;
	width: 100vw;
	position: relative;
	
	margin: 0;
	padding: 0;
	
}
.mail_background{
	width: 100%;
	height: 500px;
	
	position: relative;
	background-image:  url("images/paintings/wasabipeanuts1.JPG");
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
	
}
.mailing_header_logo{
	width: 200px;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, -50%);
	z-index: 100;
	
	margin: 0;
	padding: 0;
}
.mailing_titre{
	font-family: "rounded";
	font-size: 8vw;
	color: wheat;
	
}

@media only screen and (max-width: 500px){
	.mailing_header{height: 100px;}
	.mailing_header_logo{width: 150px;}
	.mail_background{height: 80vh;}
}

.mailing_section1{
	width: 100%;
	height: auto;
	
	min-height: 100vh;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
}
.mailing_section1_img1{width: 30%}
.mailing_section1_img1 img{width: 100%;}
.mailing_section1_txt1{
		
		text-align: center;
		
		width: 70%;
		height: auto;
		padding: 0;
	
		color: antiquewhite;
		
		font-size: 30px;
		
}
.mailing_section1_txt1_lospatas{font-family: "monthoers"; font-size: 90px; }
.mailing_section1_txt2_lospatas{
	width: 95%;
	margin-left: auto; 
	margin-right: auto;
	font-size: 25px; 
	color: antiquewhite; 
	margin-top: 50px;
	text-align: center;
}
.mailing_lospatas{width: 100%;}

@media only screen and (max-width: 500px){
	.mailing_section1_txt1{font-size: 35px;}
	.mailing_section1_txt1_lospatas{font-size: 80px; }
	.mailing_section1_txt2_lospatas{margin-right: auto;font-size: 20px; margin-top: 50px;
}
}

.mailing_section2{
	width: 100%;
	height: auto;
	
	min-height: 100vh;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	padding-top: 50px;
	
}
.mailing_section2 a{width: 100%; text-decoration: none; margin-bottom: 30px;}
.mailing_section2_title{
	width: 100%;
	font-size: 50px;
	color: antiquewhite;
	
}
.mailing_section2_title p{margin-left: 50px;}
.mailing_section2_paintingbox{
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	text-align: center;
	color: antiquewhite;
	justify-content: center;
	
}
.mailing_section2_paintingbox a{text-decoration: none;}
.mailing_section2_paintingbox_img{
	width: 50%;
	height: auto;
	justify-content: center;
}
.mailing_section2_paintingbox_img img{max-height: 50vh; max-width: 100%;}
.mailing_section2_paintingbox_p{
	width: 50%;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	font-size: 35px;
}
.mailing_section2_paintingbox_p p{width: 90%; margin-left: auto; margin-right: auto;}
.mailing_section2_paintingbox_p img{width: 300px; margin-bottom: 20px; color: antiquewhite;}
.mailing_section2_paintingbox_p2{font-size: 14px; letter-spacing: 1px; color: wheat;}
.mailing_section2_paintingbox_p3{font-size: 22px; letter-spacing: 1px; margin-top: 15px;}

.mailing_small{display: none;}

@media only screen and (max-width: 500px){
	.mailing_section2_paintingbox{flex-flow: column wrap;}
	.mailing_section2_paintingbox_img{width: 100%;}
	.mailing_section2_paintingbox_img img{max-height: 70vh; max-width: 100%;}
	.mailing_section2_paintingbox_p{width: 95%; font-size: 30px; margin-bottom: 20px; margin-top: 20px;}
	.mailing_small{display: flex;}
	.mailing_big{display: none;}
}


.mailing_section3{
	color: antiquewhite;
	width: 100%;
	padding-top: 100px;
	text-align: center;
}
.mailing_section3 p{
	font-size: 30px;
	margin-bottom: 15px;
}
.mailing_section3 button{
	padding: 10px;
	border: none;
	border-radius: 10px;
	background-color: wheat;
	color: black;
	font-family: "rounded";
	font-size: 25px;
	cursor: pointer;
	
	margin-bottom: 100px;
}





.mailing_unsubscribe{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: antiquewhite;
	font-size: 12px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 20px;
}