*{
		margin: 0px;
		padding: 0px;
	}

	header,section,footer,aside,nav,aritlce {
		display: block;
	}

	body{
		width:100%;
		min-height:100%
		font-size:100%;
	}

	.handle{
		display:none;
		background-color:#ffffff;
		padding:1%;
		cursor:pointer;	
	}

	.bar1, .bar2, .bar3 {
	    width: 5%;
	    height: 5px;
	    background-color: #333;
	    margin: .7% 0;
	}

	.tada{
		animation-name:pulse;
		animation-duration: 1.5s;
        -webkit-animation-name:pulse;
		-webkit-animation-duration: 1.5s;
		 -moz-animation-name:pulse;
		-moz-animation-duration: 1.5s;
		 -o-animation-name:pulse;
		-o-animation-duration: 1.5s;
	}

/* LANDING BACKGROUND AND QUOTES */

	.landing-image{
		background-image:url("Images/parallax_images/rsz_landing-min.jpg");
		background-repeat:no-repeat;
		background-attachment: fixed;
		height:600px;

		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.quote{
		color:#e67300;
		text-align:center;
		letter-spacing: 8px;
		flex-wrap:wrap;
		text-transform:uppercase;
		font-family: 'Dosis', sans-serif;
		font-weight: bolder;
		font-size:2.1em;
		margin-left:1%;
	}

	span {
		color:red;
	}

/* NAVIGATION */
	
	.scroll_color_red{
		border-right:1px solid red;
	}

	.scroll_color_blue{
		border-right:1px solid blue;
	}

	.scroll_transition{
		transition:2s ease-in;
		-webkit-transition:2s ease-in;
		-moz-transition:2s ease-in;
		-ie-transition:2s ease-in;
		-o-transition:2s ease-in;
	}
	
	.handle{
		display:none;
		background-color:rgba(255,255,255,0.7);
		padding:1%;
		cursor:pointer;	
	}

	.bar1, .bar2, .bar3 {
	    width: 5%;
	    height: 5px;
	    background-color: #333;
	    margin: 1% 0;
	    padding:.1%;
	}

	.showing{
		max-height:27em;
		
	}

	.side{
		margin-left:135px; 
	}

	.nav_wrapper{
		width:135px;
		height:100%;
		background-image: url("Images/programming_pictures/Lines.png");
		background-size: cover;
		position:fixed;
		z-index:1;
	}

	.nav_wrapper_color{
		background-color: rgba(204, 204, 204,0.9);
		height:100%;
		display:flex;
		flex-direction: column;
		justify-content: center;
	}

	.main_nav ul{
		overflow:hidden;
		opacity:1;
		text-align:center;
		transition: max-height 0.4s ease-in;;
		-webkit-transition: max-height 0.4s ease-in;
		-moz-transition: max-height 0.4s ease-in;;
	}

	.main_nav li{
		display: block;
		padding:2%;
		margin-bottom:5%;
		height:100%;
	}

	.main_nav .link_box{
		transform: scale(1);
		transition: 0.3s ease-in;
	}

	.main_nav .link_box:hover:nth-child(1){
		transform: scale(1);
	}

	.main_nav .link_box:hover{
		transform: scale(1.3);
		transition: 0.3s ease-in;
		
	}

	.handle:hover{
		background-color:#bfbfbf;
	}

	.flag{
		margin-right:3%;
	}

	

/* INTRO SECTION */

	.intro_section{
		height:350px;
		background-image: url("Images/programming_pictures/Lines.png");
		background-size: cover;
	}	

	.intro_color{
		background-color: rgba(153, 0, 0,0.9);
		height:100%;
		display:flex;
		flex-direction: row;
	}

	.intro_important{
		color:white;
		text-transform: uppercase;
	}

	.intro_color1{
		height:100%;
		width:50%;
	}

	.intro_color2{
		display:flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		height:350px;
		width:50%;
	}

	.intro_color2 img{
		max-width:70%;
		height:90%;
	}

	.intro_section_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:2em;
		padding:4%;
		text-align:center;
		color:white;
	}

	.intro_section_text{
		flex-wrap: wrap;
		color:#111;
		font-size:1.3em;
		margin:3% 2%;
		text-align: center;
		font-weight:bold;
		font-family:courier new;
	}

/* ABOUT SECTION */
	
	.about_section{
		width:100%;
		height:450px;
		background-color: rgba(36, 189, 195,0.8);
		display: flex;
		flex-direction: row;
	}

	.side_about{
		width:100%;
		height:450px;
		display:flex;
		flex-direction: row;
		background-image:url("Images/programming_pictures/rsz_6839526-grey-lines-wallpaper.jpg");
		background-size: cover;
		opacity: 0;
	}

/* MAIN ABOUT */

	.main_about{
		width:100%;
		background-image:url("Images/programming_pictures/4616637-Abstract-black-and-white-background-with-crossing-lines-Stock-Photo.jpg");
		background-size:cover;
		background-repeat: no-repeat;
	}

	.main_about_head{
		letter-spacing: .3em;
		font-family: courier new;
		font-weight: bolder;
		font-size:2em;
		padding:2%;
		text-align:center;
		color:white;
	
	}

	.main_about_text{
		flex-wrap: wrap;
		font-size:1.3em;
		margin:0% 2%;
		display:flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		color:#222;
	}

	.important{
		color:red;
		text-transform: uppercase;
	}

	.main_about_color{
		background-color: rgba(48, 175, 225,0.8);
		height:450px;
	}

	/* FRONT END ABOUT */

	.front_end_about{
		width:50%;
		background-color: rgba(36, 189, 195,0.8);
	}

	.about_front_end_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:2em;
		padding:4%;
		text-align:center;
		color:white;
	}

	.front_end_text{
		flex-wrap: wrap;
		color:#222;
		font-size:1.3em;
		margin:3% 2%;
		text-align: center;
		
	}

	/* BACK END ABOUT */

	.back_end_about{
		width:50%;
		background-color: rgba(36, 189, 195,0.8);
		border-left:2px solid #222;
	}

	.about_back_end_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:2em;
		padding:4%;
		text-align:center;
		color:white;
	}

	.back_end_text{
		flex-wrap: wrap;
		color:#222;
		font-size:1.3em;
		margin:3% 2%;
		text-align: center;
		
	}


/* PROGRAMMING SECTION */

	.programming_section{
		width:100%;
		height:700px;
		display:flex;
		justify-content: column;
	}

	.program_unite{
		margin-bottom:7%;
		display:flex;
		justify-content: center;
		align-items: center;
		opacity:0;
	}

	.program_unite li{
		list-style: none;
	}

	.program_unite h3{
		color:white;
		letter-spacing: 0.3px;
		font-family: courier new;
		font-size:1.5em;
		padding:2%;
		
	}

	.program_unite2{
		margin-bottom:5%;
		display:flex;
		justify-content: center;
		align-items: center;
		opacity:0;
	}

	.program_unite2 li{
		list-style: none;
	}

	.program_unite2 h3{
		color:white;
		letter-spacing: 0.3px;
		font-family: courier new;
		font-size:1.5em;
		padding:2%;
		
	}

	.program_unite img{
		transform: scale(1);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.program_unite img:hover{
		overflow: hidden;
		transform: scale(1.2);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.program_unite2 img{
		transform: scale(1);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.program_unite2 img:hover{
		overflow: hidden;
		transform: scale(1.2);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}
/* FRONT END PART */

	.front_end_wrap{
		width:50%;
		height:100%;
		background-image:url("Images/programming_pictures/6839526-grey-lines-wallpaper.jpg");
		background-size:cover;
		background-repeat: no-repeat;
		
	}

	.front_end_color{
		height:100%;
		background-color: rgba(48, 175, 225,0.8);
	}

	.front_end_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:1.7em;
		padding:4%;
		text-align:center;
		color:black;
	}

	.front_end_programms{
		margin-top:5%;
	}

/* BACK END PART */

	.back_end_wrap{
		width:50%;
		height:100%;
		background-image:url("Images/programming_pictures/4616637-Abstract-black-and-white-background-with-crossing-lines-Stock-Photo.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}

	.back_end_color{
		background-color: rgba(36, 189, 195,0.8);
		height:100%;
	}
	.back_end_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:1.7em;
		padding:3%;
		text-align:center;
		color:black;
	}



	.back_end_programms{
		margin-top:5%;
	}

/* QUOTES SECTION */
	
	.quotes_section{
		height:100%;
		width:100%;
		background-image:url("Images/programming_pictures/imageedit_6_7441221132.gif");
		background-repeat:repeat;
	}

	.quote_color{
		background-color: rgba(153, 0, 0,0.9);
		height:100%;
		display:flex;
		justify-content: center;
		flex-direction: row-reverse;
	}

	.famous_holder{
		height:100%;
		width:50%;
		display:flex;
		justify-content: center;
		flex-direction: row;
		
	}

	.quote_section_text{
		width:50%;
		display:flex;
		justify-content: center;
		flex-direction: column;		
		flex-wrap: wrap;
		color:#111;
		font-family:courier new;
		font-size:1.5em;
		font-weight: bold;
		margin:3% 2%;
		text-align: center;
	}

	.faces{
		margin:5% 0% 5% -25%;
		list-style: none;
	}

	.face{
		margin-bottom: 8%;
		position:relative;
		width:150px;
		cursor: pointer;
		opacity:0;
	}

	.face img{
		border-radius:50%;
	}

	.bubble{
		left:65%;
		width: 300px;
		bottom:20%;
		opacity:0;
		background-color: rgba(0,0,0,0.8);
		color:#888;
		border-radius:40px 40px 40px 5px;
		border:3px solid white;
		position:absolute;
		padding:7%;
		pointer-events: none;

		transition:  0.3s ease-in-out;
		transform-origin: bottom left;
	}

	.opacity{
		opacity:0;
	}

	.face.is_open .bubble {
		opacity:1;
	}

	.slideUp{
		animation-name:fadeInUp;
		animation-duration:1.5s;
		-webkit-animation-name:fadeInUp;
		-webkit-animation-duration:1.5s;
		opacity:1;
	}

/* CONTACT */

	.contact{
		width:100%;
		background-image:url("Images/programming_pictures/4616637-Abstract-black-and-white-background-with-crossing-lines-Stock-Photo.jpg");
		background-size:cover;
		height:100%;
	}

	.email_color{
		background-color:rgba(0, 0, 0,0.8);
		height:100%;
	}

	.email{
		transition:0.2s ease-in;
	}
	.email p{
		padding-top:7%;
		padding-bottom:7%;
		color:red;
		text-align:center;
		font-size:2em;
		transition:0.5s ease-in;
	}

	.email a{
		text-decoration:none;
	}

/* FOOTER */

	.footer{
		width:100%;
		background-image: url("Images/programming_pictures/Lines.png");
		background-size: cover;
		height:70px;

	}

	.footer_color{
		background-color: rgba(204, 204, 204,0.9);
		height:100%;
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.copyright{
		padding:2%;
		font-size:1.3em;
	}

	.designer{
		padding:2%;
		font-size:1.3em;
	}

	.designer a{
		text-decoration: none;
		color:black;
	}

	.designer a:hover{
		color:rgba(153, 0, 0,0.9);
	}

/* JOBS SECTION */

	.jobs_section{
		width:100%;
		height:400px;
		display:flex;
		justify-content: column;
	}

	.jobs_unite{
		margin-bottom:7%;
		display:flex;
		justify-content: center;
		align-items: center;
		opacity:0;
	}

	.jobs_unite li{
		list-style: none;
	}

	.jobs_unite h3{
		color:white;
		letter-spacing: 0.3px;
		font-family: courier new;
		font-size:1.5em;
		padding:2%;
		
	}

	.jobs_unite img{
		transform: scale(1);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.jobs_unite img:hover{
		overflow: hidden;
		transform: scale(1.2);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.publish_unite{
		margin-bottom:7%;
		display:flex;
		justify-content: center;
		align-items: center;
		opacity:0;
	}

	.publish_unite li{
		list-style: none;
	}

	.publish_unite h3{
		color:white;
		letter-spacing: 0.3px;
		font-family: courier new;
		font-size:1.5em;
		padding:2%;
		
	}

	.publish_unite img{
		transform: scale(1);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.publish_unite img:hover{
		overflow: hidden;
		transform: scale(1.2);
		transition: 0.3s ease-in;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		-ie-transition: 0.3s ease-in;
	}

	.jobs_wrap{
		width:50%;
		height:100%;
		background-image:url("Images/programming_pictures/4616637-Abstract-black-and-white-background-with-crossing-lines-Stock-Photo.jpg");
		background-size:cover;
		background-repeat: no-repeat;
		
	}

	.jobs_color{
		height:100%;
		background-color:rgba(48, 175, 225,0.8);
	}

	.jobs_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:1.7em;
		padding:4%;
		text-align:center;
		color:black;
	}

	.jobs_programms{
		margin-top:5%;
	}

	.publish_wrap{
		width:50%;
		height:100%;
		background-image:url("Images/programming_pictures/6839526-grey-lines-wallpaper.jpg");
		background-size:cover;
		background-repeat: no-repeat;
		
	}

	.publish_color{
		height:100%;
		background-color: rgba(36, 189, 195,0.8);
	}

	.publish_head{
		font-family: courier new;
		font-weight: bolder;
		font-size:1.7em;
		padding:4%;
		text-align:center;
		color:black;
	}

	.publish_programms{
		margin-top:5%;
	}

	
/* ANIMATIONS */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

	@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}



/* QUERIES */

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

        .landing_image{
		display:block;
	}

	.quote{
	text-align: center;
	vertical-align: middle;
	
	}

	.intro_section{
		height:100%;
	}

	.intro_color{
		background-color: rgba(153, 0, 0,0.9);
		height:100%;
		display:block;
	}

	.intro_color1{
		width:100%;
	}

	.intro_color2{
		width:100%;
		display:block;
		text-align:center;
	}
	/* ABOUT SECTION */

	.about_section{
		width:100%;
		height: 100%;
		display: block;
		
	}

	.side_about{
		width:100%;
		height:100%;
		display:block;
		border-bottom:2px solid #222;
	}
	
	.main_about{
		width:100%;
		height:100%;

	}

	.main_about_color{
		height:100%;
		background-color:rgba(0, 0, 0,0.8);
		padding-bottom:2%;
	}

	.main_about_head{
		margin:0;
		padding-top:2%;
		
	}

	.main_about_text{
		margin-bottom:0;
		color:#999;
	}

	.front_end_about{
		min-height:100%;
		width:100%;
		background-color: rgba(48, 175, 225,0.8);
		border-bottom:2px solid #222;
	}

	.about_front_end_head{
		margin:0;
		
	}

	.back_end_about{
		min-height:100%;
		width:100%;
		background-color: rgba(48, 175, 225,0.8);
		border-left:none;
	}

	.back_end_text{
		margin:2% 2%;
		margin-bottom:0;
		padding-bottom: 3%;
	}

	.about_back_end_head{
		margin:0;
	}

	
	/* PROGRAMMING SECTION */

	.programming_section{
		display: block;
		width:100%;
		height:100%;
	}

	.program_unite{
		margin-bottom:7%;
		display:block;
		text-align:center;
	}

	.program_unite2{
		margin-bottom:7%;
		display:block;
		text-align:center;
	}

	.front_end_wrap{
		width:100%;
		height: 100%
	}

	.back_end_wrap{
		width:100%;
		height: 100%
	}

	.back_end_head{
		margin-top:0;
		
	}
	
	.front_end_head{
		margin-top:0;
		
	}

	/* jobs section */

	.jobs_section{
		display: block;
		width:100%;
		height:100%;
	}

	.jobs_unite{
		margin-bottom:7%;
		display:block;
		text-align:center;
	}

	.publish_unite{
		margin-bottom:7%;
		display:block;
		text-align:center;
	}

	.jobs_wrap{
		width:100%;
		height: 100%
	}

	.publish_wrap{
		background-image:url("Images/programming_pictures/4616637-Abstract-black-and-white-background-with-crossing-lines-Stock-Photo.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		width:100%;
		height: 100%
	}

	.publish_color{
		height:100%;
		background-color:rgba(0, 0, 0,0.8);
		padding-bottom:2%;
	}

	.publish_head{
		margin-top:0;
		color:white;
	}
	
	.jobs_head{
		margin-top:0;
		
	}

	/* NAVIGATION */
	.nav_wrapper{
		width:100%;
		height:0%;
		background-image: none;
		background-color: none;
		position:fixed;
		z-index:1;
	}

	.nav_wrapper_color{
		background-color: rgba(204,204,204,0);
		display:block;
	}

	.side{
		margin:0;
	}

	.handle{
		padding:3%;
		display:block;
		letter-spacing:0.5em;
		text-align:left;
	}

	.handle:hover{
		transition: 0.3s ease-in;
		background-color: rgba(255,255,255,0.2);
	}

	.main_nav{
		width:100%;
	}

	.main_nav ul{
		overflow: hidden;
	}

	nav ul{
		max-height:0px;
	}

	.main_nav ul li{
		text-align:center;
		background-color:rgba(255,255,255,0.7);
		width:100%;
		padding:1%;				
		margin-bottom:0%;				
		display:block;
		border-bottom:1px solid black;
		transform:scale(1);
		transition:none;
	}

	.main_nav .link_box:hover{
		transform: none;
		transition: none;
	}


	/*QUOTES */

	.quote_color{
		display:block;
	}

	.bubble{
		width:100%;
		left:65%;
		
		bottom:20%;
		opacity:0;
		background-color: rgba(0,0,0,0.9);
		color:#888;
		border-radius:40px 40px 40px 5px;
		border:3px solid white;
		position:absolute;
		padding:7%;
		pointer-events: none;

		transition:  0.3s ease-in-out;
		transform-origin: bottom left;
	}



	.famous_holder{
		display:block;
		width:100%;

	}

	.faces{
		margin:0 auto;
		margin-left:2%;
	}

	.face{
		margin-bottom: 3%;
		
	}

	.quote_section_text{
		display: block;
		width:100%;
		margin:0;
		font-size:1.3em;
		font-weight: bold;
	}

	.quote_section_text{
		padding:5% 0 5% 0;

	}
        
        /* CONTACT */

        .email p{
	font-size:1.3em;
	}

	/*FOOOTER */
        .footer{
            height:100%;
           }
        
	.footer_color{
		display:block;
		text-align:center;
                height:100%;
	}

	.copyright{
		padding:1%;
		font-size:1.3em;
	}

	.designer{
		padding:1%;
		font-size:1em;
	}

}