/* CSS Document */

body {
	margin:0 auto;
	background-image:url(../images/bg_new5.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}

a {
	color:#FF9900;
	text-decoration:none;	
	}
	
#container {
	margin:0 auto;
	width:960px;
	margin-bottom:50px;	
	}
	
#header {
	margin-top:75px;
	height:125px;
	font-size:12px;
	font-family: 'Montserrat', Arial, sans-serif; 
	font-weight: 700;  
	color:#900;
	}

#header-title {
	height:280px;
	font-family: 'Lato', Arial, sans-serif;
	font-weight:300;
	font-size:32px;
	color:#3C0;
	
	}
	
#header-title span {
	color:#D30376;
	}

#header-title h1 {
	font-family: 'Montserrat', Arial, sans-serif; 
	font-size:112px;
	letter-spacing:-7px;
	font-weight:700;  
	margin:0;
	padding:0;
	color:#FFF;
	}	
	
	
#porfolio-slider {
	/*height:350px;
	background-color:#09C;*/
	}
#footer {
	height:30px;
	}
	
/* Media Queries */	

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#container {width:440px;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
#container {width:440px;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#container {width:300px;}
}

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

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#container {width:960px;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#container {width:960px;}
}

/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
#container {width:960px;}
}

/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
#container {width:960px;}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
#container {width:960px;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
#container {width:960px;}
}

/* iPhone 4 (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
#container {width:440px;}
}

/* iPhone 4 (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
#container {width:440px;}
}

/* iPhone 5 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
#container {width:440px;}
}

/* iPhone 5 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
#container {width:440px;}
}

/* iPhone 6 (landscape) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
#container {width:640px;}
}

/* iPhone 6 (portrait) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
#container {width:640px;}
}

/* iPhone 6+ (landscape) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
#container {width:640px;}
}

/* iPhone 6+ (portrait) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
#container {width:640px;}
}

/* Samsung Galaxy S3 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
#container {width:600px;}
}

/* Samsung Galaxy S3 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
#container {width:600px;}
}

/* Samsung Galaxy S4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
#container {width:640px;}
}

/* Samsung Galaxy S4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
#container {width:440px;}
}

/* Samsung Galaxy S5 (landscape) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
#container {width:960px;}
}

/* Samsung Galaxy S5 (portrait) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
#container {width:960px;}
}