@media screen and (max-width: 320px) {
	
	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 45px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:75px;
	max-height:250px;
	min-width:100%;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
		
	}
	
	#home {
	height:325px;
	}
	
	.bookbutton {
	width:100%;
}
	
}

@media screen and (min-width:321px) and (max-width: 375px) {
	
	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 45px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:75px;
	max-height:250px;
	min-width:100%;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
		
	}
	
	#home {
	height:350px;
	}
	
	.bookbutton {
	width:100%;
}
	
}

@media screen and (min-width: 376px) and (max-width: 479px){

	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 55px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:75px;
	max-height:300px;
	min-width:100%;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:400px;
	}
	
	.bookbutton {
	width:100%;
}
	
}

@media screen and (min-width: 480px) and (max-width: 540px){

	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 55px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:100px;
	min-width:100%;
	max-height:300px;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:425px;
	}
	
}

@media screen and (min-width: 541px) and (max-width: 640px){

	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 55px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:100px;
	min-width:100%;
	max-height:400px;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:500px;
	}
	
}

@media screen and (min-width: 641px) and (max-width: 767px){
	
	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 70px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:100px;
	min-width:100%;
	max-height:450px;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:575px;
	}
}


@media screen and (min-width: 768px) and (max-width: 991px){
	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 70px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:100px;
	max-height:600px;
	min-width:100%;
}

	.hero-content{
	display: none;
	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:700px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
	body{
		color:#333399;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 70px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

	p {
	color: #333399;	
}
	
	/*---- hero -----*/
	.wrap-hero-content{
	margin-top:100px;
	max-height:600px;
	min-width:100%;
}

	.hero-content{
	display: none;	
}

	#smdescription {
		color:#333399;
		display:block;
		margin-left:5%;
		margin-right:5%;
		padding:5%;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
	}
	
	#home {
	height:700px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1180px) {
	
	.wrap-hero-content{
	margin-top:100px;
	max-height:700px;
	min-width:100%;
	}
	
	.hero-content {
	position: absolute;
	text-align: center;
	min-width: 50%;
	left: 70%;
	top: 50%;
	padding: 35px;
	background: rgba(255, 255, 255, 0.8);
	/* [disabled]outline: 4px double #FFFFFF; */
	/* [disabled]outline-offset: 8px; */
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	right: auto;
	border-radius: 50px;
}
	
	#smdescription {
	display: none;
	}
	
	#home {
	height:800px;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 70px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}
	
}


@media screen and (min-width: 1181px) and (max-width: 1225px) {
	
	.hero-content{
	position: absolute;
	text-align: center;
	min-width: 50%;
	left: 70%;
	top: 50%;
	padding: 50px;
	background: rgba(255, 255, 255, 0.8);
	/* [disabled]outline: 4px double #FFFFFF; */
	/* [disabled]outline-offset: 8px; */
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	right: auto;
	border-radius: 50px;
}
	
	#smdescription {
	display: none;
	}
	
	#home {
	height:100%;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 70px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}
	
}

@media screen and (min-width: 1226px) and (max-width: 1439px) {
	
	.hero-content{
	position: absolute;
	text-align: center;
	min-width: 50%;
	left: 70%;
	top: 55%;
	padding: 50px;
	background: rgba(255, 255, 255, 0.8);
	/* [disabled]outline: 4px double #FFFFFF; */
	/* [disabled]outline-offset: 8px; */
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	right: auto;
	border-radius: 50px;
}
	
	#smdescription {
	display: none;
	}
	
	#home {
	height:100%;
	}
	
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 85px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}
	
}

@media screen and (min-width: 1440px) {
	
	#smdescription {
	display: none;
	}
	
	#home {
	height:100%;
	}
	
	p {
	font-size:22px;
	}
	
	h1 {
	font-family: allura;
	font-style: normal;
	color: #ffffff;
	font-size: 95px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}

.bookbutton {
	font-size:22px;
}
	
}