/* if mobile sized screen */
@media screen and (max-width: 600px) {

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

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

	input, select, textarea { font-family:Tahoma, Geneva, sans-serif; border-radius: 3px;}

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

	#topbar{
		height: 40px;
		position: fixed;
		top:0px;
		left: 0px;
	}

	#logo{
		color: #000000;
		font-size: 1em;
		font-weight: bold;
		margin:14px 7px 5px 7px;
		float: left;
	}
	.service{
		width: 30%;
	}
	#roombanner{height: 300px;text-align: center;}
	#headline h1{
	font-family: 'Open Sans', sans-serif;
		font-size: 1em;
		text-align: center;
		line-height: 1em;
		text-decoration: none;
		color: #000;
	}
	#headline h2{
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		font-size: 0.9em;
		line-height: 1em;
		text-decoration: none;
		color: #000;
	}

	#sortBy{
		align-items: flex-start;
		width: calc(92%);
	}
	#filterBy{
		align-items: flex-start;
		width: calc(92%);
	}

	#banner{max-height: 50vh;text-align: center;}
	#roombanner{height: 200px;text-align: center;}



	h1{
		font-size:1.2em
	}
	h2{
		font-size:1em
	}
	h3{
		font-size: 0.9em;
		line-height: 1em;
		color: #ff4757;
	}
	.wrapper{
		width: 90vw;
		margin: 0 auto;
	}
	
	nav ul{
		font-size: 5pt;
	}

	.onethird{
		display: block;
		float: none;
		width: calc(100% - 15px);
		padding: 15px auto;
		line-height: 1.3em;
	}
	.onethirdleft{
		display: block;
		float: none;
		width: 100%;
		padding: 0 auto;
		line-height: 1.3em;
	}
	.onethirdmap{
		float: none;
		width: 275px;
		padding: 5px;
		font-size: 1em;
		line-height: 1em;
		margin: 0px auto 20px auto;
		display: inline-block;
	}
	.onethirdmap a{
		font-size: 0.8em;
		line-height: 1em;
		margin-bottom: 30px;
	}
	.twothirds{
		text-align: justify;
	    	text-justify: inter-word;
		float: none;
		width: calc(100% - 15px);
		padding: 0px auto;
		line-height: 1.3em;
	}

	.threequarters{
		width: calc(100vw - 50px);
		border: 0px solid #000;
		float:none;
		margin: 0px auto;
		font-size: 0.7em; 

	}

	.threequartersright{
		width: calc(100% - 15px);
		font-size: 0.7em;
		border: 0px solid #000;
		float:none;
		margin: 15px auto;
	}
	.half{

		border: none;
		padding: none;
	}

	.tarifs{

		max-width: calc(100%);
	}

	.roomdesc{
		font-size: 0.8em;
		padding:10px 5px;
		width: 95%;
		float: none;
	}
	.roomdetails{
		color: #000;	
		font-size: 0.65em;
	}
	.roomdetailsleft .roomdetailsright{
		color: #000;	
		font-size: 0.65em;
		float:none;
		padding:5px;
		margin:0;
	}

	#footer{
	margin: 10px auto;
	font-size: 0.7em;
	line-height: 1.3em;

	}

}