@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@700&display=swap');
    #showroom .praha {
	background-image:url(images/11.jpg?v=33)
}
#showroom .praha-d {
	background-image:url(images/22.jpg?v=43)
}
#showroom .bratislava {
	background-image:url(images/33.jpg?v=23)
      }
    
#showroom {
	padding-top:3rem
}
.skecenadpis h2 {
	font-size:55px;
	line-height:70px;
	font-family:Montserrat,sans-serif;
	font-weight:200;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#2e1a47
}
.skecenadpis span {
	font-family:CamptonL;
	font-size:18px;
	line-height:22px;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:#444;
	margin-bottom:5px;
	display:inline-block
}
.skecenadpis p {
	font-size:16px;
	line-height:22px;
	font-family:CamptonBook;
	text-align:center;
	letter-spacing:.05em;
	margin-top:25px;
	padding:0 12%
}
button:focus {
	outline:0 dotted;
	outline:0 auto -webkit-focus-ring-color
}

.columnContainer {
	display:table;
	width:100%
}
#showroom .roomy {
	height:700px!important;
	background-size:cover;
	text-align:center;
	position:relative;
	width:33.333%;
	display:table-cell;
	-webkit-transition:width .5s ease-out;
	transition:width .5s ease-out;
	vertical-align:middle
}
#showroom .roomy .whitebutton {
	opacity:0
}
#showroom .columnContainer .roomy:hover .whitebutton {
	opacity:1;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
.columnContainer:hover .roomy:hover {
	width:50%!important
}
.columnContainer:hover .roomy {
	width:25%!important
}
#showroom .roomy h4 {
	font-size:36px;
	line-height:42px;
	text-align:center;
	letter-spacing:.1em;
	color:#fff;
	text-transform:uppercase;
	font-family:Montserrat,sans-serif;
	font-weight:300
}
#showroom .roomy span {
	display:inline-block;
	margin-bottom:15px;
	font-size:14px;
	line-height:17px;
	text-align:center;
	letter-spacing:.1em;
	color:#fff;
	text-transform:uppercase;
	font-family:CamptonL
}
.button {
	font-size:14px;
	line-height:18px;
	text-align:center;
	letter-spacing:.2em;
	text-transform:uppercase;
	padding:15px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	display:inline-block;
	color:#2e1a47;
	font-family:Montserrat,sans-serif;
	font-weight:300;
	margin:0 auto;
	border-radius:0
}
.whitebutton {
	font-size:14px;
	line-height:18px;
	text-align:center;
	letter-spacing:.2em;
	text-transform:uppercase;
	padding:15px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	display:inline-block;
	color:#fff
}
.whitebutton:hover {
	color:#e4e4e4
}
::-webkit-media-controls-panel {
	display:none!important;
	-webkit-appearance:none
}
::-webkit-media-controls-start-playback-button {
	display:none!important;
	-webkit-appearance:none
}
::-webkit-media-controls-play-button {
	display:none!important;
	-webkit-appearance:none
}
@media only screen and (max-width:1230px) {
	#showroom .roomy h4 {
		font-size:31px;
		line-height:35px
	}
}
@media only screen and (max-width:768px) {
	.page-section {
		padding:2rem 0
	}
	.skecenadpis h2 {
		font-size:36px;
		line-height:46px
	}
	.columnContainer {
		display:block;
		width:100%
	}
	#showroom .roomy {
		height:420px!important;
		display:flex;
		width:100%;
		flex-direction:column
	}
	.columnContainer:hover .roomy:hover {
		width:100%!important
	}
	.columnContainer:hover .roomy {
		width:100%!important
	}
	#showroom {
		padding-bottom:4rem
	}
}
@media only screen and (max-width:400px) {
	.skecenadpis h2 {
		font-size:28px;
		line-height: 38px
	}
}