body {
				margin: 0;
				font-family: 'Manjari', sans-serif;
				color: #fff;
			}
			
			a {
				color: #fff;
				text-decoration: none;
			}
					
			.bgbox {
				position: fixed;
				width: 100%;
				height: 100%;
				background: url(bg.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				text-align: center;
				z-index: -10;
				overflow: hidden;
			}
			
			.logo {
				width: 250px;
				margin-top: 50px;
			}
			
			.overflow {
				float: left;
				width: 100%;
				height: 100%;
			}
			
			.introbox {
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				background: #000000d4;
			}
			
			.intro {
				float: left;
				margin: 0 0 0 calc(50% - 300px);
				width: 600px;
			}
			
			.intro h1 {
				font-size: 22px;
				margin: 60px 20px 20px 20px;
			}
			
			.intro p {
				width: calc(100% - 40px);
    			font-size: 17px;
    			line-height: 24px;
    			margin: 0 20px 60px 20px;
			}
			
			.contactbox {
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				background: #000;
			}
			
			.contact {
				float: left;
				margin: 0 0 0 calc(50% - 300px);
				width: 600px;
			}
			
			.contact p {
				width: 100%;
				color: #fff;
				font-size: 16px;
				font-family: 'Manjari', sans-serif;
				margin: 30px 0 30px 0;
				text-align: center;
				float: left;
			}
			
			@media only screen and (max-width: 800px) {
				body {
					width: 100%;
				}
  				.intro {
    				width: 90% !important;
    				margin: 10% 0 0 0 !important;
  				}
  				.overflow {
  					display: none;
  				}
  				.bgbox {
  					position:relative;
  					float: left;
			}