.hero-unit {
	background-image: url(../img/banner.jpg) !important;
	background-repeat: no-repeat;
	background-size:cover;
}
.hero-unit img{
		background-repeat: no-repeat;
		background-size:contain;
}
.brand {
	font-family: 'Tangerine', cursive;
}
.logo{
	max-width: 90%;
}
h1 {
	font-family: 'Tangerine', cursive;
	font-size: 144px !important;
}
#devices{
	float: right;
	top: 50px;
	right: 25px;
}
#switchDevice{
	position:absolute;
	float: right;
	right:50px;
	width:200px;
	top:400px;
	z-index: 4;
}
#iphone{
	
}
.iphone {
	background: url(../img/iphone.png);
	background-size:contain;
	position:absolute;
	float: right;
	top:50px;
	right: 40px;
	width: 242px;
	height: 336px;
	z-index: 2;
}
.iphone .carousel-inner {
	left: 52px;
	top: 56px;
	width: 138px;
	height: 207px;
	z-index: 3;
}
#ipad{
		display:none;
}
.ipad {
	background: url(../img/ipad.png);
	background-size:contain;
	position:absolute;
	float: right;
	right: 25px;
	top: 50px;
	width: 267px;
	height: 422px;
	z-index: 2;
}
.ipad .carousel-inner {
	left: 35px;
	top: 37px;
	width: 198px;
	height: 263px;
	z-index: 3;
}
#android{
		display:none;
}
.android{
		background: url(../img/android.jpg);
	background-size:contain;
	position:absolute;
	float: right;

	right: 70px;
	top: 50px;
	width: 163px;
	height: 331px;
	z-index: 2;
}
.android .carousel-inner {
	left: 16px;
	top: 58px;
	width: 133px;
	height: 202px;
	z-index: 3;
}
.hero-unit .brandMessage {
	opacity: .9;
	width:75%;
}
#iphone .carousel-control.left
{
	top: 325px;
	height: 0px;
	color: gray;
}
#iphone .carousel-control.right
{
	top: 325px;
	height: 0px;
	color: gray;
}
#ipad .carousel-control.left
{
	top:325px;
	height: 0px;
	color: gray;
}
#ipad .carousel-control.right
{
top: 325px;
	height: 0px;
	color: gray;
}
#android .carousel-control.left
{
	top: 325px;
	height: 0px;
	color: gray;
}
#android .carousel-control.right
{
	top: 325px;
	height: 0px;
	color: gray;
}

.carousel-indicators{
	background-color: lightgrey;
height: 20px;
top: 320px;
	
}

// Class
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// Usage as a mixin
.element {
  .center-block();
}