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

			/* TARGET FIREFOX ONLY TO CHANGE IMG (DIFFERENT COLOR PROFILE TO MATCH THE PAGE BG) */
			@-moz-document url-prefix() {

				.firefox-edge {
					display:block !important;
				}

				.chrome-safari {
					display:none;
				}

			}
			/* TARGET EDGE ONLY TO CHANGE IMG (DIFFERENT COLOR PROFILE TO MATCH THE PAGE BG) */
			@supports (-ms-ime-align: auto) {
				.firefox-edge {
					display:block !important;
				}

				.chrome-safari {
					display:none !important;
				}


			}

			_:-ms-lang(x), _:-webkit-full-screen, .firefox-edge { display:block !important; }		
			_:-ms-lang(x), _:-webkit-full-screen, .chrome-safari { display:none !important; }	

			@supports (-ms-ime-align:auto)
			and (-webkit-text-stroke:initial) {
			 				.firefox-edge {
					display:block !important;
				}

				.chrome-safari {
					display:none !important;
				}

			}
		
html {
	overflow-x:hidden;
}

.firefox-edge {
	display:none;
}

#title-ignis-fidei {
	width:360px;
}

#branding {
/*	margin-top:16%; */ /* Aligned like Runtastic */
	margin-top:13%;
}

#branding1 {
	width:56.3%;
	float:right;
	margin-right:3%;
	margin-top:-36.8%;
}

#branding2 {
	width:12.7%;
	margin-left:4.5%;
	margin-top:-23.8%;
}

#branding .project-text-left {
		padding-right:83%;

		}

#nicozarus .project-align-right {
			margin-left:57.8%; 
}


#nicozarus .project-text-right{
			padding-right:61%;
		}



#nicozarus1 iframe {
		width:42%;
		height:42%;
}

#nicozarus1 {
	width:100%;
	margin-left:3%;
	margin-top:-25%;
}

#nicozarus2 {
	width:36.7%;
	margin-left:11.4%;
	margin-top:-49.5%;
	z-index:-10;
}		


#nicozarus3 {
	width:42.2%;
	float:right;
	margin-top:-4%;

}	

#david .project-align-left {
	margin-left:3%;
}

#david .project-text-left {
			padding-right:77%;
}





#david {
	margin-top:18%;
}

#david1 iframe {
		width:42%;
		height:42%;
}


#david1 {
	width:100%;
	margin-left:55%;
	margin-top:-30%;
}

#david2 {
	width:37%;
	margin-left:40.3%;
	z-index:-10;
	margin-top:-51.5%;
}

.david3 {
	width:28.2%;
	z-index:-20;
	margin-top:-41%;
	margin-left:12%;
}

#david4 {
	width:16.3%;
	margin-top:4%;
	margin-left:28.8%;
}

	#wip .project-align-right {
			margin-left:70.5%; 
			
		}	

	#wip .project-text-right {
			padding-right:75%;
		}

#wip1 {
	width:17.1%;
	margin-left:3%;
	margin-top:-14.5%;
}

#wip2 {
	width:27.4%;
	margin-left:26.4%;
	margin-top:-27.7%;
	z-index:0;	
}
	
#wip3 {
	width:19.1%;
	margin-left:46.2%;	
	margin-top:-21.1%;
	z-index:50 !important;
}

#wip4 {
	width:15.8%;
	margin-left:70.5%; 
	margin-top:-8%;		
}


	
					@media screen and (max-width: 1920px) {

						#title-ignis-fidei {
							width:305px;
						}	

					}


					@media screen and (max-width: 1680px) {

						#title-ignis-fidei {
							width:265px;
						}	

					}

					@media screen and (max-width: 1440px) {



						#ignis-fidei-title2 {
							margin-top:-7%;
						}	

						#branding {
							margin-top:16%;
						}


					#branding .project-text-left {
							padding-right:79%;

							}


						#branding1 {
							width:48%;		
							margin-top:-31%;
						}

						#branding2 {		
							margin-top:-24.5%;
						}

						#david1 {
							margin-top:-38%;
						}

						#wip1 {
							margin-top:-18%;
						}

						}

					@media screen and (max-width: 1320px) {

					#branding .project-text-left {
							padding-right:79%;

							}


						#branding1 {		
							margin-top:-33.5%;
						}

						#branding2 {		
							margin-top:-26.5%;
						}

						#nicozarus1 {
							margin-top:-28%;
						}

						#nicozarus3 {
							margin-top:-1%;

						}	

						#david1 {
							margin-top:-45%;
						}

						#david {
							margin-top:21%;
						}						

						#wip1 {
							margin-top:-19.5%;
						}
					}

					@media screen and (max-width: 1180px) {

						#branding .project-text-left {
							padding-right:72%;

							}
					

						#branding1 {
							width:44%;		
							margin-top:-29%;
						}

						#branding2 {		
							margin-top:-25%;
						}

						#nicozarus1 {
							margin-top:-31%;
						}

						#nicozarus3 {
							margin-top:2%;

						}	

						#david1 {
							margin-top:-48%;
						}

						#david {
							margin-top:19%;
						}							


						#wip1 {
							margin-top:-22%;
						}

					}

					@media screen and (max-width: 980px) {

						#title-ignis-fidei {
							width:183px;
						}

						#branding {
								margin-top:5%;
							}

						#branding .project-text-left, #david .project-text-left {
	
							padding-right:6%;

						}

						#branding1 {	
							width:65%;
							margin-top:4%;
						}

						#branding2 {
							margin-left:6.5%;
							width:18%;		
							margin-top:11%;
						}		

			
						#nicozarus .project-align-right, #wip .project-align-right {
								margin-left:3% !important; 
								
							}	

						#nicozarus .project-text-right, #wip .project-text-right {
								padding-right:6%;
							}

						#nicozarus1 iframe {
							width:84%;
							height:84%;
						}

						#nicozarus1 {
							width:100%;
							margin-left:3%;
							margin-top:4%;
						}

						#nicozarus2 {
							width:80%;
							float:right;
							margin-right:3%;
							margin-top:-50%;
						}		


						#nicozarus3 {
							width:94%;
							float:none;
							margin-left:3%;
							margin-top:12%;

						}	

						#david {
							margin-top:10%;
						}

						#david1 iframe {
								width:84%;
								height:84%;
						}

						#david1 {
							width:100%;
							margin-left:13%;
							margin-top:4%;
						}

						#david2 {
							width:80%;
							margin-left:3%;
							margin-top:-45%;
						}

						.david3 {
							width:70%;
							margin-top:0%;
							margin-left:-7%;
						}

						#david4 {
							width:32%;
							margin-top:-76%;
							float:right;
							margin-right:10%;
						}

						#wip {
							margin-top:2%;
						}

						#wip1 {
							width:30%;
							margin-left:3%;
							margin-top:4%;
						}

						#wip2 {
							width:50%;
							float:right;
							margin-left:0;
							margin-right:9%;
							margin-top:-50%;	
						}
							
						#wip3 {
							width:40%;
							margin-left:3%;	
							margin-top:8%;	
						}

						#wip4 {
							width:38%;
							float:right;
							margin-left:0;
							margin-right:9%;
							margin-top:-32%;		
						}


					}


					@media screen and (max-width: 680px) {

						#title-ignis-fidei {
							width:183px;
						}

						#branding1 {	
							width:94%;
							margin-left:3%;
						}

						#branding2 {
							padding-top:5%;
							width:40%;		
							margin:0 auto;
						}		

						#nicozarus1 iframe {
							width:94%;
							height:94%;
						}


						#nicozarus2 {
							width:94%;
							float:none;
							margin-left:3%;
							margin-top:-40%;
						}		


						#nicozarus3 {
							width:94%;
							float:none;
							margin-left:3%;
							margin-top:12%;

						}	

						#david {
							margin-top:10%;
						}

						#david1 iframe {
							width:94%;
							height:94%;
						}

						#david1 {
							width:100%;
							margin-left:3%;
							margin-top:4%;
						}

						#david2 {
							width:100%;
							margin-left:0%;
							margin-top:-35%;
						}

						.david3 {
							width:100%;
							margin:8% auto;
				
						}

						#david4 {
							width:80%;
							margin-top:8%;
							float:none;
							margin-right:0%;
							margin: auto;
						}

						#wip {
							margin-top:12%;
						}	

						#wip1 {
							width:75%;
							margin-left:0%;
							margin:12% auto;
						}

						#wip2 {
							width:94%;
							float:none;
							margin-left:3%;
							margin-right:0%;
							margin-top:4%;	
						}
							
						#wip3 {
							width:85%;
							margin-left:0%;	
							margin:8% auto;	
						}

						#wip4 {
							width:70%;
							float:none;
							margin-right:0%;
							margin-left:0%;
							margin-top:-4%;		
						}


					}