body {
    background-image: url("../images/bg-img.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1920px 100%;
    background-color: #000;
    color: #3d3d3d;
    font-family: 'Bitter', serif;
}

@media(max-width:1024px){
	.logo img {
		width: 280px;
	}
	
	.social-links a .fa {
		width: inherit;
	}
	
	.center-piece .chair {
		left: 220px;
	}
	
	.center-piece .camera {
		right: 210px;
	}
	
	.center-piece .backdrop {
		margin-top: -101px; 
	}
}

/* Main Section
 * ----------------------------- */
.main-section {
    height: 500px;
    position: relative;
}

.links-wrap{
    position: absolute;
    top: 150px;
}

.left {
    left: 0;
    z-index: 2;
}
.right {
    right: 0;
}

.links1 {
    max-height: 400px;
    padding: 10px;
    
    background: #0e0e0e; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #0e0e0e 0%, #4b4b4b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0e0e0e), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #0e0e0e 0%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #0e0e0e 0%,#4b4b4b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #0e0e0e 0%,#4b4b4b 100%); /* IE10+ */
    background: linear-gradient(135deg,  #0e0e0e 0%,#4b4b4b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#4b4b4b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
            box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    border-radius: 0 7px 7px 0;
}

.links2 {
    max-height: 400px;
    padding: 10px;
    
    background: #4b4b4b; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #4b4b4b 0%, #0e0e0e 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4b4b4b), color-stop(99%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #4b4b4b 0%,#0e0e0e 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #4b4b4b 0%,#0e0e0e 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #4b4b4b 0%,#0e0e0e 99%); /* IE10+ */
    background: linear-gradient(45deg,  #4b4b4b 0%,#0e0e0e 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
            box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    border-radius: 7px 0 0 7px;
}

.links1 .nav li a, .links2 .nav li a {
    color: #efefef;
    padding: 10px 5px;
    margin-bottom: 10px;
    text-align: center;
}

.links1 .nav li a:hover, .links2 .nav li a:hover{
    background-color: transparent;
    color: #9e9e9e;
}

.links1 .nav li a .fa, .links2 .nav li a .fa {
    width: auto;
    display: block;
    margin-bottom: 5px
}

.center-piece {
    width: 980px;
}

.backdrop {
    background-image: url("../images/backdrop.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 728px;
    height: 650px;
    margin: -107px auto 0;
    padding-top: 120px;
}

.backdrop .carousel {
    margin: 0 auto;
    width: 456px;
    height: 305px;
    background: #AAA;
    position: relative;
    margin-bottom: 5px;
}

.backdrop .share {
    margin: 0 auto;
    width: 240px;
    height: 92px;
    text-align: center;
}

.backdrop .share h3 {
    margin: 0;
}

.backdrop .share a {
    color: #db8112;
}
.backdrop .share a:hover {
    color: #c4762d;
    background-color: transparent;
}

.backdrop .share .nav {
    text-align: center;
}

.backdrop .share .nav li {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 54%, #ededed 96%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f3f3f3), color-stop(96%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 54%,#ededed 96%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 54%,#ededed 96%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 54%,#ededed 96%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 54%,#ededed 96%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    
    margin: 0;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

.backdrop .share .nav li:first-child {
    border-radius: 45% 0 0 45%;
}

.backdrop .share .nav li:last-child {
    border-radius: 0 45% 45% 0;
}

.chair{
    position: absolute;
    left: 390px;
    bottom: 15px
}

.camera {
    position: absolute;
    right: 380px;
    bottom: 0px;
    z-index: 5;
}


/* Footer
 * ----------------------------- */

.footer-1 {
    background-image: url("../images/footer_bg.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    height: 325px;
}

.footer-1 .container div {
    margin-top: 14px;
    padding: 5px 25px;
    border-left: 2px solid rgba(0,0,0,0.2);
    height: 295px;
    font-size: 13px;
    color: #626262;
}

.footer-1 .container div h3 {
    color: #3d3d3d;
}

.footer-1 .container div h3 span {
    color: #db812e;
}

.footer-1 .container a {
    color:inherit;
}

.footer-1 .container div > a {
    text-transform: uppercase;
    font-weight: 600;
}

.footer-1 .container div:first-child {
    border: none;
}