body {
    background-color: #333333 !important;
	color: #CCCCCC !important;
}


.work-details { 
	margin-top:5px
}
.work-details p {
    color: #CCCCCC;
}

a {
    color: #FDCDCF;
    text-decoration: none;
}

a:hover  {
    color: #F6B2B5;
text-decoration: none;
}

header {
	padding:10px 0 40px 0 !important;
}

footer {
	padding:20px 0 5px 0 !important;
    background-color: #000 !important;
	color: #CCCCCC;
}

footer[role="footer"] ul[role="social-icons"] > li > a {
	background-color:#F6B2B5; color:#333333;
}

@media (max-width: 767px) {

	.work-images li{ margin-bottom:15px; width:100%
	
}
}
header[role="header"] h1 > a {
    max-width: 100% !important;
    display: block;
    float: left;
}

header[role="header"] h1 > a > img {
    width: 100% !important;

}



/* -------------- */
/* FIGURE */

figure.effect-oscar h2 {

font-weight:400;	margin: 4.5em 0 10px 0;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,20%,0);

	transform: translate3d(0,20%,0);
	
text-shadow: 2px 3px 3px #777;

}

figure.effect-oscar h2.halfy {
	margin: 2em 0 10px 0;	
}

figure.effect-oscar h2.quarty {
	margin: .1em 0 10px 0;	
	
}

.thumbnails-pan section {margin-top: 3rem;}


@media (max-width: 767px) {

	figure.effect-oscar h2 {margin: 4em 0 10px 0; font-size:35px !important;}

	figure.effect-oscar p {font-size:24px;  padding:2%; display:block; width:90%; margin:0 auto;}
	
	figure.effect-oscar h2.halfy {margin: 2.8em 0 10px 0;}

	figure.effect-oscar h2.quarty {margin: .4em 0 10px 0; font-size:24px !important;-webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0);}
	figure.effect-oscar .quarty-p {display:none;}

}

@media (max-width: 375px) {

	figure.effect-oscar h2 {margin: 5em 0 10px 0; font-size:24px !important;}

	figure.effect-oscar p {font-size:24px;  padding:2%; display:block; width:90%; margin:0 auto;}
	
	figure.effect-oscar h2.halfy {margin: 3.5em 0 10px 0;}

	figure.effect-oscar h2.quarty {margin: .4em 0 10px 0; font-size:20px !important;-webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0);}
	figure.effect-oscar .quarty-p {display:none;}
	
	header h2 {font-size:42px !important;}

}