@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding: 0;
}







.small {
	display: none;
}

.big {
	display: none;
}

.iphone {
	display: block;
}



	
/* navigation IPHONE*/	
/* The Overlay (background) */
.overlayip {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-contentip {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlayip a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlayip a:hover, .overlayip a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlayip .closebtnip {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.buttonip {
		padding: 25px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlayip {overflow-y: auto;}
  .overlayip a {font-size: 20px}
  .overlayip .closebtnip {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
		









	
/* top banner iphone */
	
section#titleip {
	height: 100%;
	padding-top: 190px;
	margin-top: 40px;
	padding-bottom: 180px;
	background-size: cover;
	padding-left: 40px;
		padding-right: 40px;

	
}

section#titleip h2{ 
text-align: center;
padding-bottom: 30px;

	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#titleip h1{
	text-align: center;
	color: #0e69d9;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}

	
	
	

	


		
	











@media (min-width: 605px)
{

.big {
	display: none;
}

.small {
	display: block;
}

.iphone {
	display: none;
}

	
	
	
	
/* navigation SMALL*/	
	
	
/* The Overlay (background) */
.overlaysm {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-contentsm {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlaysm a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlaysm a:hover, .overlaysm a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlaysm .closebtnsm {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.buttonsm {
		padding: 25px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlaysm {overflow-y: auto;}
  .overlaysm a {font-size: 20px}
  .overlaysm .closebtnsm {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
		

	
	

	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
/* top banner small */
	
section#titlesm {
	height: 100%;
	background: ;
	padding-top: 280px;
	margin-top: 70px;
	padding-bottom: 180px;
	background: url('../images/polkhero.jpg') no-repeat center center;	
	background-size: cover;

	
}

	
	
	
	
	
	
	

	
	

	
	

	
/* overview */
section#overviewsm h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#overviewsm h2{
text-align: left;
	padding-top: 100px;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	

	section#overviewsm h4{
	text-align: left;
	padding-left: 73px;
	padding-top: 25px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;


}
	

	
section#overviewsm p{
	text-align: left;
		padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	



	
/* hero image*/	
section#heroimage {
	height: 100%;
	background-color: #ebebeb;
	padding-top: 200px;
	margin-top: 50px;
	padding-bottom: 300px;
	background: url('../images/polk3.jpg') no-repeat center center;
	background-size: cover;

	
}
	
	

	

	

	

/* packaging small*/	
	section#packagingsm {
		padding-top: 100px;
	padding-bottom: 50px;
	}	
	
section#packagingsm h3{ 
text-align: left;
	padding-right: 100px;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#packagingsm h2{
text-align: left;
padding-left: 73px;
	padding-top: 100px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#packagingsm p{
	text-align: left;
padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
section#packagingsm img{
	padding-top: 20px;
	padding-left: 50px;
	max-width: 100%
		;
	padding-right: 50px;

	}
	


	
	
	

	

	
	
	
	
	
/* up next small section */	

	
section#next{
	padding-top: 30px;
	margin-bottom: 130px;
	}
	
section#next h2{

text-align: center;
padding-top: 73px;
	padding-bottom: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#next p{
	text-align: center;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 34px;
  	font-size: 18px;
	letter-spacing: .5px;
	
	}
	
	
section#next h4{
	padding-top: 50px;
	text-align: center;

	}
	
	

	
	
	
/* up next small button */	
	
	
.btnn {

    border: 1.7px solid #111111;
    background-color: none;
    padding: 14px 28px;
    cursor: pointer;
	text-decoration: none;
}

.nextproject {
	
    border-color: #111111;
    color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 11px;
}

.nextproject:hover {
    background-color: #0e69d9;
	border-color: #0e69d9;
    color: white;
	transition: 0.5s;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;

}
	


	

	
	
	
	
/* footer SMALL column*/
	

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.footercolumnsm {
    float: left;
    width: 50%;
    padding: 10px;
	text-align: left;
	padding-left: 70px;
}

/* Clear floats after the columns */
.rowsm:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#bottomnavsm h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 5px;
		
	}
	
section#bottomnavsm p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 12px;
	
}
	
section#bottomnavsm {
	background-color: #ebebeb;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 300px;
	
}
	
section#bottomnavsm a{
	text-decoration: none;
	color: black;
	}
	
section#bottomnavsm a:hover{
	color: #0e69d9;
	font-weight: normal;

	
	}
	
section#socialsm a{
	padding-right: 5px;
	}

	
	
section#footer {
	text-align: center;
	color: #98a3ae;	
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #111111;
	}
		
section#footer p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	font-size: 11px;
	}

		
	
	


	

	



	
	










@media (min-width: 955px)
{


article {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}	
	
html{
	height: 100%;
}
	
.big {
	display: block;
}

.small {
	display: none;
}

.iphone {
	display: none;
}

	
	

	
	
	
	

	
	
/* navigation */	
	
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.button {
		padding: 27px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
	
	
	

	
	

	
/* top banner */
	
section#title {
	height: 100%;
	background: ;
	padding-top: 380px;
	margin-top: 70px;
	padding-bottom: 180px;
	background: url('../images/polkhero.jpg') no-repeat center center;	
	background-size: cover;

	
}

	

	

	
	
	
	
	

	
	
	
	
	/* OVERVIEW NEW */
	

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.overviewcolumn {
    float: left;
    width: 70%;
    padding: 10px;
	text-align: left;
	padding-right: 70px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#overview h2{
	text-align: left;
	padding-left: 73px;
	padding-top: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#overview h3 {

	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 30px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 30px;
	text-align: left;
	padding-left: 70px;
	padding-top: 20px;
		
	}
	
	section#overview h4{
	text-align: left;
	padding-left: 73px;
	padding-top: 25px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;


}
	
section#overview p{
	text-align: left;
	padding-left: 60px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;

	
	
}
	
section#overview {
	text-align: center;
	padding-top: 80px;
		margin-bottom: 50px;



	
}
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


	
/* hero image*/	
section#heroimage {
	height: 100%;
	background-color: #ebebeb;

	padding-bottom: 600px;
	background: url('../images/polk3.jpg') no-repeat center center;
	background-size: cover;

	
}
	
	
	
/* objective */
	
section#objective h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#objective h2{
text-align: left;
	padding-top: 100px;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	

	
section#objective p{
	text-align: left;
		padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
section#objective h4{
	text-align: center;
	}
	
	section#objective img {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
	}
	
	
	
	

	
	






	
	

	

	
	

/* packaging */	
	section#packaging {
		padding-top: 20px;

	}	
	
section#packaging h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#packaging h2{
text-align: left;
padding-left: 73px;
	padding-top: 100px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#packaging p{
	text-align: left;
padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
section#packaging img{
	padding-top: 30px;
	padding-left: 73px;
	max-width: 100%
		;
	padding-right: 73px;

	}
	
	
	

	
	
	
	
	
/* up next section */	

	
section#next{
	padding-top: 30px;
	margin-bottom: 130px;
	}
	
section#next h2{

text-align: center;
padding-top: 73px;
	padding-bottom: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#next p{
	text-align: center;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 34px;
  	font-size: 18px;
	letter-spacing: .5px;
	
	}
	
	
section#next h4{
	padding-top: 50px;
	text-align: center;

	}
	
	
	
/* up next button */	
	
	
.btnn {

    border: 1.7px solid #111111;
    background-color: none;
    padding: 14px 28px;
    cursor: pointer;
	text-decoration: none;
}

.nextproject {
	
    border-color: #111111;
    color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 11px;
}

.nextproject:hover {
    background-color: #0e69d9;
	border-color: #0e69d9;
    color: white;
	transition: 0.5s;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;

}
	
	
	

	
	
	
	
/* footer column*/
	

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.footercolumn {
    float: left;
    width: 33.3%;
    padding: 10px;
	text-align: left;
	padding-left: 70px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#bottomnav h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 5px;
		
	}
	
section#bottomnav p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 12px;
	
}
	
section#bottomnav {
	background-color: #ebebeb;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 300px;
	
}
	
section#bottomnav a{
	text-decoration: none;
	color: black;
	}
	
section#bottomnav a:hover{
	color: #0e69d9;
	font-weight: normal;

	
	}
	
section#social a{
	padding-right: 5px;
	}	
	
	



	
section#footer {
	text-align: center;
	color: #98a3ae;	
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #111111;
	}
		
section#footer p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	font-size: 11px;
	}