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


@media only screen and (min-width: 1201px) {
.bg {
	background: url(../images/about-background-extra-large.jpg);
	position: fixed;
	width: 100%;
	height: 160%;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
}
.plate {
	width: 100%;
	height: 100%;
}
.plate img {
	width: auto;
	max-height: 100%;
}
}

@media only screen and (max-width: 1200px) {
.bg {
	background: url(../images/about-background-large.jpg);
	position: fixed;
	width: 100%;
	height: 125%;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
}
.plate {
	width: 100%;
	height: 100%;
}
.plate img {
	width: auto;
	max-height: 100%;
}		
}

@media only screen and (max-width: 1024px) {
.bg {
	background: url(../images/about-background-desktop.jpg);
	position: fixed;
	width: 100%;
	height: 125%;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
}
.plate {
	width: 100%;
	height: 100%;
}
.plate img {
	width: auto;
	max-height: 100%;
}		
}


@media only screen and (max-width: 768px) {
.bg {
	background: url(../images/about-background-tablet.jpg);
	position: fixed;
	width: 100%;
	height: 130%;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
}
.plate {
	width: 100%;
	height: 100%;
}
.plate img {
	width: auto;
	max-height: 100%;
}	
}


@media only screen and (max-width: 480px) {
.bg {
	background: url(../images/about-background-mobile.jpg);
	position: fixed;
	width: 100%;
	height: 200%;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-position: center center;
}
.plate {
	width: 100%;
	height: 100%;
}
.plate img {
	width: auto;
	max-height: 100%;
}	
}