/* Header */
.large-header {
	position: relative;
	width: 100%;
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}

.demo-1 .large-header {
	background-image: url('../../images/images-appmovel/demo-1-bg.jpg');
	height: 375px !important;
}

.main-text{
	position: absolute;
	margin-top: 0px !important;
	padding: 0;
	color: #f9f1e9;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.demo-1 .main-title {
	text-transform: uppercase;
	font-size: 4.2em;
	letter-spacing: 0.1em;
}

.main-title .thin {
	font-weight: 200;
}

#header1 {
   	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	left: 42%;
	background-image: url("../../images/tech.png");
	background-position: 0px;
	background-repeat: repeat-x;
	-webkit-animation: myanim 10s infinite linear;
	   -moz-animation: myanim 10s infinite linear;
	     -o-animation: myanim 10s infinite linear;
	        animation: myanim 10s infinite linear;

	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

@-webkit-keyframes myanim {
  0%   { background-position: 0px; }
  100% { background-position: 760px; } /* set this to the width of the image */
}
@-moz-keyframes myanim {
  0%   { background-position: 0px; }
  100% { background-position: 760px; } /* set this to the width of the image */
}
@-o-keyframes myanim {
  0%   { background-position: 0px; }
  100% { background-position: 760px; } /* set this to the width of the image */
}
@keyframes myanim {
  0%   { background-position: 0px; }
  100% { background-position: 760px; } /* set this to the width of the image */
}

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

	#header1{
		display: none;
	}

	#col1{
		padding: 0;
	}

	#title{
		margin-top: 40px;
	}

	.demo-1 .main-title {
		font-size: 3em;
	}
}