html{
	
}

body{
	margin:0;
	background:#F1F1F1;
	font-family:'Gudea';
	font-size:1em;
	padding: 0;
    }

    * {
      box-sizing: border-box;
    }
	
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


div.page-wrapper{
	background:#fff;
	max-width:960px;
	margin:auto;
	text-align:left;
	
	
}


div.page-body{

width:100%;
clear:both;
float:left;
padding-top:10px;
background-color:#FFF;
padding-left:2%;
padding-right:2%;

}


div.header{
	background-image:url('../images/cmyk_strip.png') !important;
	 background-position:top !important;
	 background-repeat:repeat-x !important;
	 min-height:5px;
	
	width:100%;
	clear:both;
	float:left;
	background-color:#FFF;
	border-bottom:1px solid #f2f2f2;
	margin-bottom:20px;
	padding-bottom:10px;
}

div.logo{
margin-top:10px;
margin-left:0.5%;	
width:10%;
float:left;	
min-width:100px;
min-height:160px;
}

img.logo{
	width:100%;
	heigt: auto;
}


div.header-text{
width:86%;
float:left;

margin-left:2%;
clear:right;
min-height:160px;
}

h1{
 text-transform: uppercase;
 letter-spacing:.025em;
 line-height:1;
 font-weight:400;
 font-size:3.6em;
margin-bottom:0px;
}


.site-name a{
	color: #ec008c;
	text-decoration:none;
}


.site-slogan{
	font-size: 0.8em;
    font-style:italic;
	color:#666;
}


div.slider-wrapper{
	   width: 100%;
	   float:left;
	   clear:both;
	 
}


  .slider {
        width: 100%;
       
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

div.footer{
	background-image:url('../images/cmyk_strip.png') !important;
	 background-position:top !important;
	 background-repeat:repeat-x !important;
	 min-height:5px;
	width:100%;
	background-color:#999;
	clear:both;
	float:left;
	padding-left:1%;
	padding-top:12px;
	padding-bottom:6px;
	margin-top:20px;
	
}

p.footer-text{
		color:#FFF;
		font-size:0.8em;
		margin-bottom:3px;
		padding-bottom:0px;
		margin-top:0px;
		padding-top:0px;
		
}

/*
 * Really small screens and up
 */

	@media only screen and (min-width: 220px) and (max-width: 320px) {
		div.page-wrapper{
			width:98%
		}
		
		h1{
		font-size:1.6em;	
		}
	}
	

 @media only screen and (min-width: 320px)  and (max-width: 480px){
		div.page-wrapper{
			width:98%
		}
		 
		h1{
		font-size:1.8em;		
		}
 }



/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
	
		div.page-wrapper{
			width:98%
		}
		
		h1{
		font-size:1.8em;		
		}
		
		
}
	
	
	
/*
 * Tablet sizes and up
 */
 @media only screen and (min-width: 720px) and (max-width: 1043px){
	 
		div.page-wrapper{
			width:98%
		} 
		
		h1{
		font-size:2.8em;		
		}
 }