body{
	margin: 0;
	margin-top: 68px;
	background-color: grey;
}

.header{
	width: 100%;
	height: 300px;
	background-image: url(../resources/travel1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    width: 100%;
    padding-left: 10%;
}
	@media only screen and (max-width: 767px){
		.header{
				background-image: url(../resources/travel.jpg);
		}
	}
*{
	box-sizing: border-box;
}
.headerContainer{
	display: inline;
	width: 80%;
	float: left;
}
.header1{
	font-size: 30px;
	text-align: center;
	color: white;
	float: left;
}
.dragon{
	float: left;
}
.dragon > img, .dragon2 > img {
	width: 100%;
}
.dragon2{
	float: left;
}
.bodyText{
	padding-top: 100px;
	width: 50%;
	font-size: 25px;
	padding-left: 30px;
}
.body{
	padding-left: 100px;
}
.body>div{
	float: left;
}
.contact{
	float: left;
	background-color: #adadad;
}
.contactusText{
	padding-top: 30px;
	width: 50%;
	font-size: 25px;
	padding-left: 30px;
}
.contact>div{
	float: left;
}
h1{
	text-align: center;
}
.contactus{
	border-radius: 10px;
	border-collapse: collapse;
	text-align: center;
	width: 20%;
	margin-left: 300px;
	background-color: deepskyblue;
	box-shadow:0 5px 12px 0 rgba(0,0,0,0.5);
    transition-duration: 0.3s, 0.3s;
    transition-timing-function: ease, ease;
}
.contactus:hover{
    transform: scale(1.09);
    background-color: white;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.5);
}