body {
	background-color: #edf0f2;
	color:#535A6C;
	text-align:center;
	font-family:'Open Sans';
}
h1 {
	font-size:60px;
}
h2 {
	font-weight:300;
	font-size:30px;
	text-transform: uppercase;
	letter-spacing:2px;
}
h3 {
	margin:0px;
	padding:0px;
	font-weight:400;
	font-size:60px;
}
.bg-header {
	color:#a1a9bb;
	background-color:#535A6C;
	margin-bottom:100px;
}
.bg-header img {
	width:90px;
	padding:20px 0px;
}
img {
	margin:0 auto;
	text-align:center;
	display:block;
	position: relative;
	width:100%;
	max-width: 350px;
}
.box {
	width:100%;
	max-width: 350px;
	background:#FFF;
	margin:0 auto;
	transition:all 0.15s ease-in;
	bottom:0px;
}
.box:hover {
	bottom:20px;
	opacity:0.8;
}
.effect2 {
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.animated-1 {
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}

.animated-2 {
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}

.animated-3 {
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
@media (max-width:767px) { 
.col-option-1 {
	margin-bottom:80px;
}
}