/* CSS reset */
body{
    width: 100%;
    margin: auto;
    overflow: hidden;
text-color: #0000cc;
}
.headerjcp{
background-color: #5E0087;
width: 100%;

top:0;
position: fixed;
background-repeat: no-repeat;
background-position: left;
z-index:99999;

margin: auto;
display: none;
}
.header{
background-color: #5E0087;
width: 100%;
background-image: url("comforsaleiconjcp.png");
top:0;
position: fixed;
background-repeat: no-repeat;
background-position: left;
z-index:9999;
margin: auto;
display: block;
padding-right: 12px;


}
@media screen and (max-width: 1000px) {
 .header{
background-color: #5E0087;
width: 100%;
background-image: url("comforsaleiconjcp.png");
top:0;
position: fixed;

background-repeat: no-repeat;
background-position: left;
z-index:9999;

margin: auto;
display: none;
padding-right: 12px;
}
.headerjcp{
background-color: #5E0087;
width: 100%;

top:0;
position: fixed;
z-index:99999;

margin: auto;
display: block;
}
}


@media screen and (max-width: 1100px) {
.header{display: none;}
.headerjcp{display: none;}
}
.logo{
    float:left;
    font-family: "Saint Peter";
    font-size: 20px;
    
}
a{
    text-decoration: none;
    color: white;
}

#lijcp{
    list-style:none;
    float: left;
    margin-left: 15px;
    padding-top: 5px;
padding-bottom: 17px;
}
.nav{
    float:right;

}


/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}
#page-wrap { 
  max-width: 500px; 
  margin: 1rem auto;
  padding: 1rem;
}

/* Related demos */
.content--related {
	text-align: center;
	font-weight: 600;
}
	/* Box colors */
.bg-1 {
	background: #ECEFF1;
	color: #37474f;
}
.bg-2 {
	background: #7986cb;
	color: #ECEFF1;
}
.bg-3 {
	background: #37474f;
	color: #fff;
}

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

body {
	font-family: 'Raleway', sans-serif;
font-size: 14px;
}

nav a {
	position: relative;
	display: inline-block;
	margin-left:-100px;
	outline: none;
	color: #0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 100;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 15;
}

nav a:hover,
nav a:focus {
	outline: none;
}
/* Effect 21: borders slight translate */
.cl-effect-21 a {
	margin-left:0px;
	margin-right:10px;
	color: #fff;
	font-weight: 700;
    padding: 5px;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color:#fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}