@charset "UTF-8";
@import url("../webfonts/Futura_Condensed_extra_bold/stylesheet.css");
@import url("../webfonts/garamond_regular/stylesheet.css");
@import url("../webfonts/neue_haas_grotesk/stylesheet.css");

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/



/* iPhone bis5 portrait 320px and below. */

@media screen 
and (min-width : 320px) 
and (max-width : 320px) 
and (min-height : 480px) 
and (max-height : 568px) 
and (orientation : portrait) {
/* Styles */
#pageBG {
	background-position: -668px -255px;
	opacity: 0.66;
	position: fixed !important;
	top: 0px;
	background-image: url(../bilder/bilder2016_public/cante16_web_100%25.jpg);
}
#homeText {
	margin-left: 29px;
	margin-top: 70px;
}
}

/* iPhone bis 5 Layout: 480px to 568px Landscape. */

@media screen 
and (min-device-width : 480px) 
and (max-device-width : 568px) 
and (min-device-height : 320px) 
and (max-device-height : 320px) 
and (orientation : landscape) {
/* Styles */

#homeText {
 width: auto;
 margin-top: 6px;
 margin-left: 20%;
}
#pageBG {
	background-position: -409px -294px;
	opacity: 0.66;
	position: fixed !important;
	top: 0px;
	background-size: 90% 90%;
	background-image: url(../bilder/bilder2016_public/cante16_web_100%25.jpg);
}
}

/* iPhone6 and 6Plus Layout: 375px to 414px Portrait. */

@media screen 
and (min-device-width : 375px) 
and (max-device-width : 414px) 
and (min-device-height : 667px) 
and (max-device-height : 736px) 
and (orientation : portrait) {
/* Styles */

#pageBG {
	background-position: -508px -145px;
	position: fixed !important;
	top: 0px;
	opacity: 0.66;
	background-image: url(../bilder/bilder2016_public/cante16_web_100%25.jpg);
}
}

/* iPhone6 and 6Plus Layout: 414px to 375px Landscape. */

@media screen 
and (min-device-width : 667px) 
and (max-device-width : 736px) 
and (min-device-height : 375px) 
and (max-device-height : 414px)  
and (orientation : landscape) {
/* Styles */
#homeText {
 width: 42%;
 margin-top: 12px;
 margin-left: 10%;
}
#pageBG {
	background-position: -382px -313px;
	position: fixed !important;
	top: 0px;
	opacity: 0.66;
	background-image: url(../bilder/bilder2016_public/cante16_web_100%25.jpg);
}
}

/* iPad Layout: 768px to 1024px Landscape. */

@media screen 
and (min-device-width : 1024px) 
and (max-device-width : 1024px) 
and (min-device-height : 768px) 
and (max-device-height : 768px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */


#pageBG {
	opacity: 0.66;
	position: fixed !important;
	top: 0px;
	background-position: -480px -399px;
	background-size: 150% 150%;
	background-image: url(../bilder/bilder2016_public/cante16_web_100%25.jpg);
}
}