@media all {

	/* ------------------ CLEAR FIX ---------------- */

	.cf:before,
	.cf:after {
	    content: " ";
	    display: table;
	}

	.cf:after {
	    clear: both;
	}

	.cf {
	    *zoom: 1;
	}

	/* ------------------ START ---------------- */

	html,body {
		width:100%;
		height:100%;
		margin: auto!important;
	}

	.full-page-container{
		background-color:#000000;
		width:100%;
		height:100%;
		margin: auto;
	}

	.header{
		width:100%;
		height: auto;
		border-bottom:2px solid #FFF;
		display:block;
	}

	.header-logo {
		width:600px;
		height:auto;
		margin:auto;
	}

	.header-logo img{
		margin-top:15px;
		width: 600px;
		height: auto;
	}

	.image-container{
	    background-color: #000000;
	    width: 100%;
	}

	/* ------------------ DJS ---------------- */

	.dj-item-container {
		height: 300px !important;
	}

	.djs{
	    padding-top: 40px;
	    width: 640px;
	    margin: auto;
	}

	.djs p{
		color:#FFF;
		font-family:"caviar_dreamsregular";
		text-align:center;
	}

	.djs a{
	text-decoration:none;
	color:#FFF;

	}

	.djs a:hover{
		text-decoration:underline;
		text-decoration-color:#757575;
	}

	.dj-1{
	    padding-right: 40px;
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-1-background{
		border:6px solid #FFF;
		width:100%;
		height:100%;
		background-image:url("/images/dj-1.jpeg");
		background-size: cover;
	}

	.dj-1-background img{
		opacity:0;
		width:100%;
		height:100%;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-1-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-2{
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;

	}

	.dj-2-background{
		border:6px solid #FFF;
		width:300px;
		height:300px;
		background-image:url("/images/Just Her_DJ Pic 5_Russia.JPG");
		background-size: cover;
	}

	.dj-2-background img{
		opacity:0;
		width:300px;
		height:300px;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-2-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-3{
		padding-right: 40px;
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;

	}

	.dj-3-background{
		border:6px solid #FFF;
		width:300px;
		height:300px;
		background-image:url("/images/dj-3.jpeg");
		background-size: cover;
	}

	.dj-3-background img{
		opacity:0;
		width:300px;
		height:300px;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-3-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-4{
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-4-background{
		border:6px solid #FFF;
		width:300px;
		height:300px;
		background-image:url("/images/dj-4.jpeg");
		background-size: cover;
	}

	.dj-4-background img{
		opacity:0;
		width:300px;
		height:300px;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-4-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-5{
	    padding-right: 40px;
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-5-background{
		border:6px solid #FFF;
		width:100%;
		height:100%;
		background-image:url("/images/dj-5.jpeg");
		background-size: cover;
	}

	.dj-5-background img{
		opacity:0;
		width:100%;
		height:100%;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-5-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

		.dj-6{
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-6-background{
		border:6px solid #FFF;
		width:100%;
		height:100%;
		background-image:url("/images/dj-6.jpeg");
		background-size: cover;
	}

	.dj-6-background img{
		opacity:0;
		width:100%;
		height:100%;
		min-height: 300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-6-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

     	.dj-7{
	    padding-right: 40px;
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-7-background{
		border:6px solid #FFF;
		width:100%;
		height:100%;
		background-image:url("/images/dj-7.jpeg");
		background-size: cover;
	}

	.dj-7-background img{
		opacity:0;
		width:100%;
		height:100%;
		min-height: 300px;
		width:300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-7-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}


 	.dj-8{
	    width: 300px;
	    float: left;
	    height: 400px;
	    margin: auto;
	}

	.dj-8-background{
		border:6px solid #FFF;
		width:100%;
		height:100%;
		background-image:url("/images/dj-8.jpg");
		background-size: cover;
	}

	.dj-8-background img{
		opacity:0;
		width:100%;
		height:100%;
		min-height: 300px;
		width:300px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.dj-8-background img:hover{
		opacity:0.8;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	/* ------------------ FOOTER ---------------- */

	.footer{
		border-top:2px solid #FFF;
		width:100%;
		background-color:#000000;
	}

	.small-logo{
		margin-top:10px;
		width:300px;
	}

	.footer-logo{
		width:300px;
		height:65px;
		margin:auto;
	}

	.social-icons {
		margin-top: 20px;
	}

	.social-icons img{
		width:45px;
		opacity:0.7;
	}

	.social-icons img:hover{
		opacity:1;
	}

	.social-icons-container{
		width:95px;
		margin:auto;
	}

	.statuo {
	    text-align: center;
	    padding-bottom: 10px;
	    color: #b2b2b2;
	    font-family:"caviar_dreamsregular";
	    font-size: 0.8em;
	}

	.statuo a {
		color: #FFF;
		border-bottom: 2px solid #000;
		text-decoration: none;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}

	.statuo a:hover {
		border-bottom: 2px solid #FFF;
	}

}

/* ------------------ TABLET ---------------- */

@media (max-width: 720px) {
	
	.djs {
	    padding-top: 40px;
	    width: 300px!important;
	    margin: auto;
	}

}

/* ------------------ MOBILE ---------------- */

@media (max-width: 600px) {

	.dj-1{
		padding-right: 0px;
	}

	.dj-2{
		padding-right: 0px;
	}

	.dj-3{
		padding-right: 0px;
	}

	.dj-4{
		padding-right: 0px;
	}

	.dj-5{
		padding-right: 0px;
	}

	.dj-6{
		padding-right: 0px;
	}

	.dj-7{
		padding-right: 0px;
	}

	.dj-item-container, .dj-item img, .dj-item {
		width:100%;
		height:auto;
	}

	.header-logo{
		width: 100%;
	    height: auto;
	    margin: auto;
	}

	.header-logo img {
		margin-top: 20px;
	    width: 100%;
	    height: auto;
	}

}

@media (max-width: 500px) {

	.header-logo img {
	    margin-top: 20px;
    	width: 100%;
    	height: auto;
	}

}

@media (max-width: 360px) {
.djs{
	margin-left:5px!important;
}


	}