/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway');

html, body {
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	}
	
.intro {
	height: 100%;
	width: 100%;
	margin:  0 auto!important;
	background: url(http://latigi.com/images/bg.jpg) no-repeat center;
	display: table;
	top: 0;
	background-size: cover;


	
	
	}

.intro .inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	max-width: none;	
	
	}
	
.content {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-top: -100px;
	}
	
.content h1{
	font-family: 'Raleway', sans-serif;
	color: #f9f3f4;
	text-shadow: 0px 0px 300px #000;
	font-size: 300%;
		
	}	

@media screen and (max-width: 1024px) {
	.content h1 {
		font-size: 250%;
		
		}
	.content {
		max-width: 400px;
		margin: -100px auto;
		text-align: center;
	
	}	
	.intro {
		width: 100%;
		margin:  0 auto!important;
	/*	background: url(https://latigi.com/images/bg.jpg) no-repeat; */
		background:url(images/bg.jpg) no-repeat center;
		display: table;
		top: 0;
		background-size: cover;

	
	
	}	
	}	
@media screen and (max-width: 768px) {
	.content h1 {
		font-size: 250%;
		
		}
	.content {
		max-width: 400px;
		margin: -100px auto;
		text-align: center;
	
	}	
	.intro {
		width: 100%;
		margin:  0 auto!important;
	/*	background: url(https://latigi.com/images/bg.jpg) no-repeat; */
		background:url(images/bg.jpg) no-repeat center;
		display: table;
		top: 0;
		background-size: cover;

	
	
	}	
	}