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



/*
@media screen and (min-width: 1536px) {
}

 @media screen and (max-width: 1535px) and (min-width: 481px) {
}

 @media screen and (max-width: 480px) and (min-width: 321px) {
}

@media screen and (max-width: 320px) {
}
*/


/*Intro*/
#cover .bcg {
    /*background: url("../imgs/cover-photo.jpg")no-repeat top right fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	overflow-x: hidden;
	 position: fixed;
}



@media screen and (min-width: 1536px) {
   #cover .bcg{
		background-image: url("../imgs/cover-photo.jpg");
		background-position: center center;
		
	}
}

@media screen and (max-width: 1600px) and (max-height: 900px) {
	 #cover .bcg{
		background-image: url("../imgs/cover-photo_1600-900.jpg");
		background-position: center center;
	}
}


 @media screen and (max-width: 1535px) and (min-width: 481px) {
	 
	 #cover .bcg{
		background-image: url("../imgs/cover-photo_960-768.jpg");
		background-position: center center;
	}
}

 @media screen and (max-width: 480px) and (min-width: 321px) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_600-480.jpg");
		background-position: top right;
	}
}

@media screen and (max-width: 320px) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_400-320.jpg");
		background-position: top right;
	}
}


/* styles for Retina-type displays 
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
    
	   #cover {
		background: url("../imgs/cover-photo.jpg")no-repeat top right fixed;
	}
}*/


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_960-768.jpg");
		background-position: top right;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_768-960.jpg");
		background-position: top right;
	}
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_960-768.jpg");
		background-position: top right;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-device-width : 320px) /*375*/
and (max-device-width : 667px) 
and (orientation : portrait) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_320-400.jpg");
		background-position: top right;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	#cover .bcg{
		background-image: url("../imgs/cover-photo_400-320.jpg");
		background-position: top right;
	}
}










@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{ }

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{ }




/* default screen, non-retina */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}