/* ================================
Imports
================================= */
/* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800); */
/*  @import url('font-awesome.min.css');*/
/* @import url('animate.css');  */

/* ================================
Home sections
================================= */

.parallax-section {
	width: 100%;
	padding: 100px 30px 100px 30px
	}

.parallax-section_footer{  /* gia diaforetika megethi */
   width: 100%;
   padding: 100px 0px 100px 0px;
}

.color-light p {
  font-family: 'GraublauWeb';	
	font-size: 34px;
	color:black;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}



/* --- section content general color --- */

.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6 {
	color: #fff;
}


.color-light p {
	color: #eee;
}


/* ==========================
Parallax
============================= */

#parallax1{	
    padding-top:10px;
	background-image: url(../images_b/7.jpg);
}
#parallax2{	
padding-top:10px;
	background-image: url(../images_b/bastakos_rent_moto.jpg);
}

#parallax3{	
	background-image: url(../images_b/service.jpg);
}






/* ================================
more media queries
================================= */

@media (max-width:768px) {
	
	header{
		padding-bottom: 50px;
		min-height: 1000px;
		height: 100%;
	}
	
	/* .navbar-nav {
		float: left;
		text-align: left;
	} */

	.box-team, .box-team img {
		text-align: center;
	}
	.box-team img {
		float: none;
		margin:0 auto;
	}	
	.box-team {
		margin-bottom: 30px;
	}
	
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; padding: 0 40px; }
	
}

@media (max-width:992px) {

	.service.carousel .item h4, .service.carousel .item p{
		text-align: center;
	}

	.service p{
			margin-bottom: 60px;
	}
	.og-expander {
		background: transparent;

	}	
	.og-details {
		padding: 0 20px;
	}

}

@media (max-width:480px){

	header .carousel-iphone, .detail .screenshot{
		width: 280px;
	}
	
	header .carousel, .detail .screenshot img{
		padding-top: 85px;
		width: 245px;
	}
	
	.service .screenshot img{
		margin-top: -12px;
		padding-top: 0px;
	}
	
	header{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	header h1{
		font-size: 70px;
	}
}