.banner_container{
	width:100%;
	border:0px;
	padding-top:0vw;
	padding-bottom:0vw;	
	font-size: 0;
	background-color: rgb(255,255,255); 
}

.banner_left_parent{

	height:100%;
	border:0px;
	padding-top:0vw;
	padding-bottom:0vw;	
	font-size: 0;
    float:left;

}

.banner_right_parent{
	height:100%;
	border:0px;
	padding-top:0vw;
	padding-bottom:0vw;	
	font-size: 0;
    float:left; 

}


.banner_left_child{
	position: relative;
	padding:0px;
	border: 0px;
	margin:0% 0%;	
	height:100%;
	width: 2000px;
	float:right;
    background:url(../data/www.spaceisgreen.nl-background-stripes-left.jpg);
	text-align: center;
	box-sizing: border-box;
	transform-origin: right top;
	animation: slide-left 8s linear infinite;
}

@keyframes slide-left {
    from { background-position: 100px top; }
    to   { background-position: 0 top; }
}

.banner_right_child{
	padding:0px;
	border: 0px;
	margin:0% 0%;	
	height:100%;
	width: 100%;
    background:url(../data/www.spaceisgreen.nl-background-stripes-right.jpg);
	text-align: center;
	box-sizing: border-box;
	animation: slide-right 8s linear infinite;
}


@keyframes slide-right {
    from { background-position: 0 0; }
    to   { background-position: 100px 0; }
}

.banner_image_parent{
	border:0px;
	padding-top:0vw;
	padding-bottom:0vw;	
	font-size: 0;
    float:left; 	
}

.banner_image{
	padding:0;
	border: 0px;
	width:100%;	
	heigth: 100%;
	margin:0% 0%;
}



@media (orientation: landscape) {
	.banner_container   	{height:4vw;}
	.banner_left_parent  	{width:35%;}
	.banner_image_parent    {width:30%;}
	.banner_right_parent 	{width:35%;}
}

@media (orientation: portrait) {
	.banner_container   	{height:10.7vw;}
	.banner_left_parent		{display: none;}
	.banner_image_parent 	{width:80%; padding-left:10%; padding-right:10%;}
	.banner_righ_parent 	{display: none;}
	.banner_right_child		{display: none;}
	.banner_left_child		{display: none;}
}