body {
	min-width: 1024px;
    background-color: #121212;
}

nav {
	background-color: #161616;
}

div.laptop-wrapper {

	margin-top: -10%;
	position: relative;
	padding-bottom: 67.5%;
	height: 0;
}
div.laptop-wrapper iframe {

	box-sizing: border-box;
	background: url(/dancefitfront/img/stripe1.jpg) center center no-repeat;
	background-size: contain;
	padding: 22% 23% 18%;
	position: absolute;
	top: -15.9%;
	left: 0;
	width: 100%;
	height: 100%;
} 

div.laptop-wrapper2 iframe {

	box-sizing: border-box;
	background: url(/dancefitfront/img/stripe2.png) center center no-repeat;
	background-size: contain;
	padding: 2% 23% 18%;
	position: absolute;
	top: -15.9%;
	left: 0;
	width: 100%;
	height: 100%;
} 

#up
{
	position: relative;
	height: 100px;
	top: -100px;


	background-color: #323232;
	color: #e5e5e5;
	vertical-align: middle;
}

#moreup
{
	position: relative;
	height: 350px;
	top: -120px;


	background-color: black;
	color: #e5e5e5;
	vertical-align: middle;
}
.dswmenu
{
	padding-top: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #e03a5b;
}

a .dsmenu 
{
	padding-top: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #e03a5b;
}

.swiper-container {
	width: 100%;
}

.swiper-slide {
	vertical-align: text-bottom;
	padding-top: 10px;
}

.slider-font {
	padding-left: 35px;
	padding-top: 250px;
	padding-bottom: 0px;
	line-height: 60px;
	vertical-align: bottom;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 30px;
}

* a:hover
{ 
	text-decoration: none;
	cursor: pointer;
}

.slider-link-font
{
	color: #e5e5e5;
	font-family: Roboto, sans-serif; color: #e5e5e5;
	font-weight: 300;
	font-size: 15px;
	padding-top: -30px;
	padding-left: 18px;
}

.location
{
	text-align: left;
	background-color: black;
	text-align: center;
	height: 800px;
}

.location-heading
{
	padding-top: 50px;
	color: #e5e5e5;
	font-family: Roboto, sans-serif; color: #e5e5e5;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: -15px;
}

.studio-table
{
	margin-left: auto;
	margin-top: 30px;
	margin-right: auto;

	
}

.white { color: #e5e5e5; }
.white:hover { color: #b13b3e; text-decoration: none;}

.image-cell
{
	
	width: 0px;
	padding: 25px 0 25px 0;
}

.text-cell
{
	text-align: left;
	color: #e5e5e5;
	width: 100%;
	vertical-align: middle;
	padding: 25px 0 25px 50px;


	
	font-family: Roboto, sans-serif; color: #e5e5e5;
	font-weight: 300;
	font-size: 30px;
	

}

.menu-cell
{
	text-align: left;
	color: #e5e5e5;
	width: 100%;
	vertical-align: middle;
	padding: 5px 0 5px 5px;



	font-family: Roboto, sans-serif; color: #e5e5e5;
	font-weight: 300;
	font-size: 30px;


}

.description
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-color: #505050;
	font-size: 24px;
}

.dance_row
{
	display: none;
}

.divider
{
	height: 15px;
}

#s1 {
background-image: url(/dancefitfront/img/fun.jpg)
}

#s2
{
background-image: url(/dancefitfront/img/easy.jpg)
}

#s3 {
background-image: url(/dancefitfront/img/passion.jpg)
}

#s4
{
background-image: url(/dancefitfront/img/romance.jpg)
}

#s5 {
	background:  #121212; 
}

.pulsating-heading
{

	color: black;
	background-color: #d04e4e;
	font-family: Roboto, sans-serif; color: #e5e5e5;
	font-weight: 400;
	font-size: 30px;
    vertical-align: top;
	animation-name: color;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	padding-bottom: 20px;
	padding-top: 20px;

}

@keyframes color {
  0% {
	background-color: #d04e4e;
  }
  25% {
	background-color: #a53d56;
  }
  50% {
	background-color: #421967;
  }
  75% {
  	background-color: #d04e4e;
  	}
  100% {
  	background-color: #3d1122;
  	}

}