/* if screen-size = < 900 */

@media (max-width: 900px) {

	.desktop{
		visibility: hidden;
		display: none;
	}

	.mobile {
		visibility:visible;
		display:block;
	}

	input#paypal{width: auto;}

	#paybutton{
		width: 118px;
		height: 46px;
	}

	#topbar{
		height: 40px;
		position: fixed;
		top:0px;
		left: 0px;
	}
	.wrapper{
		width: 95vw;
		margin: 0 auto;
	}

	#logo{
		color: #000000;
		font-size: 1em;
		font-weight: bold;
		margin:14px 7px 5px 7px;
		float: left;
	}
	#roombanner{height: 300px;text-align: center;}

	#headline{
		-js-display: flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#headline h1{
		font-size: 2em;
		line-height: 1em;
		text-align: center;
	}
	#headline h2{
		font-size: 1.5em;
		line-height: 1em;
		text-align: center;
	}

	#viewroomsbutton{
		width: calc(80vw);
		margin: 0 auto;
	}

	.onethird{
		text-justify: inter-word;
		float: none;
		width: 90%;
		padding: 0 4%;
		line-height: 1.3em;
		margin-top: 10px;
	}
	.onethird ul {
		list-style-type: square;
		margin-left: 0;
	}
	.onethird ul li{
		display: inline-block;
		float: left;
		padding-right: 1em;
	}
	.onethird ul li:before {
 		content: '\ffed';
 		margin-right: 0.5em;
	}
	.twothirds, .onethird{
		text-align: justify;
	    	text-justify: inter-word;
		float: none;
		width: 90%;
		padding: 0 4%;
		line-height: 1.3em;
	}

	.threequarters{
		border: 0px solid #000;
		margin: 0px;
		padding: 0px;
		float: none;
	}
	.threequartersright{
		border: 0px solid #000;
		float: none;
		padding: 5px;
		width: 90%
	}

	.roomdetailsleft .roomdetailsright{
		float:none;
	}


}