@media (max-width: 607px) {
	.castle{
		display:none
	}
	#header{
		display:none
	}
	.main{
		width:90%;
		min-height:500px
	}
	.content{
		display:none
	}
	.nav{
		display:nones;
		width:100%;
		text-align:center;
		border-radius: 25px;
		padding:20px 0 0 0;
		font-size:16px
	}
	.mobile{
	    background-color: #caedf6;
	    display: none;
	    height: 400px;
	    overflow: auto;
	}
	.mobile.active{
		display: block;
	}
	.link{
		cursor:pointer
	}
	.links{
		height:auto;
	}
	.heading{
		margin:5px 0;
	}
	.detailParagraph{
		text-align: left;
		margin:10px 0;
	}
	#mobileRegistries{
		display: block;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		height: 0px;
		overflow: none;	
	}
	#mobileHome{
		overflow: hidden;	
	}
	.mobileMenuIcon{
		display:block;
		text-align:right;
	}
	.mobileMenuIcon img {
		margin:0 10px 0 0;
	}
	.normal{
		display:none;
	}

}