.printdirectory {
display: block;
clear: both;
box-sizing: border-box;
overflow: hidden;
width: 100%;
height: auto;
font-family: 'Slabo 27px', serif;
font-size: 22px;
color: #493936;
text-decoration: none;
font-weight: normal;
text-align: right;
margin-bottom: 15px;
}
.printdirectory img {
width: 292px;
height: 55px;
}
.printdirectory a:link, .printdirectory a:visited {
font-family: 'Slabo 27px', serif;
font-size: 24px;
color: #161616;
text-decoration: none;
font-weight: 700;
}
.printdirectory a:active, .printdirectory a:hover {
font-family: 'Slabo 27px', serif;
font-size: 24px;
color: #6f8502;
text-decoration: none;
font-weight: 700;
}
.printdirectory a:hover {
opacity: .6;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
cursor: pointer;
}

.columnsArea {
display: block;
clear: both;
box-sizing: border-box;
overflow: hidden;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.col1 {
display: block;
overflow: hidden;
width: 30%;
height: auto;
float: left;
margin-right: 5%;
}
.col2 {
display: block;
overflow: hidden;
width: 30%;
height: auto;
float: left;
}
.col3 {
display: block;
overflow: hidden;
width: 30%;
height: auto;
float: right;
margin-left: 5%;
}


input, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
margin-bottom: 10px;           
}
input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.fields {
	font-size: 18px;
	color: black;
	font-family: 'Slabo 27px', serif;
	font-weight: bold;
	width: 90%;
	padding: 8px;
	background-color: white;
	border: #5b7631 1px solid;
}
.fields:focus {
	font-size: 18px;
	font-family: 'Slabo 27px', serif;
	font-weight: bold;
	border: #739340 1px solid;
	background-color: #f1f1f1;
	-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
}


.submit {
font-family: 'Slabo 27px', serif;
color: white;
font-size: 18px;
padding: 5px;
width: 180px;
border: black 1px solid;
background-color: black;
margin-bottom: 2px;
}
.submit:hover {
font-family: 'Slabo 27px', serif;
cursor: pointer;
color: white;
border: #5b7631 1px solid;
background-color: #5b7631;
-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
}
input[type=submit] {
font-family: 'Slabo 27px', serif;
color: white;
font-size: 18px;
padding: 5px;
width: 180px;
border: black 1px solid;
background-color: black;
margin-bottom: 2px;
}
input[type=submit]:hover {
font-family: 'Slabo 27px', serif;
cursor: pointer;
color: white;
border: #5b7631 1px solid;
background-color: #5b7631;
-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
}


@media screen and (max-width: 1004px) {
	.col1, .col2, .col3 {
	float: none;
	width: 100%;
	margin: 0;
	}
	.submit, input[type=submit] {
	margin-bottom: 25px;
	}
}
@media screen and (max-width: 600px) {
	.fields {
	width: 100%;
	}
}
@media screen and (max-width: 430px) {
	.printdirectory {
	text-align: center;
	}
	h1 { font-size: 28px; }
	h2 { font-size: 22px; }
	.printdirectory img {
	width: 255px;
	height: auto;	
	}
}