@import url(http://fonts.googleapis.com/css?family=Lato:900);

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h3 {
	font-family: 'Lato', sans-serif;
	font-weight:900;
	color:#4c4c4c;
	font-size:14px;
	line-height:17px;
	padding:5px 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
a {
	color:inherit;
	text-decoration: none;
}

.container {
	width:970px;
	text-align:center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.col-md-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float:left;
  width: 430px;
}

.col-md-6 > a {
	display:block;
}

.pull-right {
	float:right;
}
.pull-left {
	float:left;
}

.brand{
	display:inline-block;
  margin:50px 0 125px 0;
}
.box {
	display:inline-block;
	width:400px;
	height:295px;
  position:relative;
}

.frame1,
.frame2{
  width: 360px;
  height: 205px;
  position: absolute;
  top: 20px;
  left: 20px;
  overflow: hidden;
}

.img-1{
  position: absolute;
  z-index: 3;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	left:0;
}

.img-2{
  position: absolute;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	left:0;
}

.img-3{
  z-index: 1;
	left:0;
}


@media (max-width: 979px) {

	img {
	  vertical-align: middle;
		display: block;
		max-width: 100%;
	 	height: auto;
	}


	.container {
		width:auto;
	}

	.brand {
		margin-top:40px;
		margin-bottom:70px;
	}

	.col-md-6 {
		margin:0 auto;
		float:none !important;
		width:330px;
	}

	.box {
		display:inline-block;
		width:300px;
		height:295px;
	  position:relative;
	}

	.frame1,
	.frame2{
		width: 270px;
		height: 154px;
	  top: 15px;
	  left: 15px;
	}

}