/*
Theme Name: kathyaperkins
Template: generatepress
*/

h1 {
	text-align: center;
}
h2 {
	font-size: 22px;
	font-weight: 600;
	padding-top: 20px;
}
.halfcol {
	float: left;
	width: 48%;
	margin: 1%;
}
.designshalfcol {
	float: left;
	width: 46%;
	margin: 0% 1% 2% 1%;
	padding: 1% 1% 1% 1%;
	background-color: #333333;
	text-align: center;
}
.designshalfcol a {
	font-size: 135%;
	color: #ffffff;
}
img.designsmain {
	width: 100%;
	margin: 0% 0% 0% 0%;
}
.fourthcol {
	float: left;
	width: 23%;
	margin: 1%;
}
.publication {
	float: left;
	width: 22%;
	margin: 1% 1.5% 5% 1.5%;
	text-align: center;
}
.publication p {
	margin: 0px 0px 10px 0px;
}
.publicationimg {
	width: 100%;
	margin-bottom: 15px;
}
.reviewquote {
	text-align: center;
	font-size:130%;
	color:white;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.reviewsource {
	font-size: 90%;
	text-align: center;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
.galleryarea {
	background-color: #333333;
	padding: 30px 0px 0px 0px;
}

/************************************************
**  
**  Media Queries Section
**
************************************************/


/* When the screen width is less than 450px */
@media only screen and (max-width: 450px) {
	
}
	

/* When the screen width is less than 600px */
@media only screen and (max-width: 600px) {
	.fourthcol {width: 97%; margin: 2% 0% 2% 0%; padding: 0%;}
	.halfcol {width: 97%; margin: 2% 0% 2% 0%; padding: 0%;}
}


/* When the screen width is between 600px and 1100px */
@media only screen and (min-width: 600px) and (max-width: 1100px){
	
}

/* When the screen width is less than 650px */
@media only screen and (max-width: 650px) {
	
}

/* When the screen width is less than 950px */
@media only screen and (max-width: 950px) {
   
}

/* When the screen width is between 600px and 950px */
@media only screen and (min-width: 600px) and (max-width: 950px){
	.fourthcol {width: 46%; margin: 2% 2% 2% 2%;}
}

/* When the screen width is less than 770px */
@media only screen and (max-width: 770px) {
	.publication {width: 46%; margin: 2% 1.5% 2% 1.5%; padding: 1.5%;}
	.designshalfcol {width: 97%; margin: 2% 0% 2% 0%; padding: 1%;}
	img.designsmain {width: 80%; height: auto; margin: 2% 10% 2% 10%;}
}

/* When the screen width is between 770px and 1230px */
@media only screen and (min-width: 770px) and (max-width: 1230px){
	.designshalfcol {height: 37vw; font-size: 1.5vw;}
	.designshalfcol a {font-size: 2.1vw;}
}

/* When the screen width is between 770px and 1000px */
@media only screen and (min-width: 770px) and (max-width: 1000px){
	
	
}
	

/* When the screen width is greater than 1230px */
@media only screen and (min-width: 1230px) {
	img.designsmain {width: 100%; min-height: 0px; height: 330px;}
}