/*****************************************************************/
/************ new media queries - 2022-05-27 *********************/
/******************************************************************/


/*********** smaller devices (landscape tablets, 480px and up) - yellow ***********/

@media only screen and (min-width:480px) {	

.pcukMenu {
	padding: 30px 0 0 60px;
	font-size:10px;
}	

.pcukLogo {
height: 2.5rem;
width: 2.5rem;
margin: 3% 17% 0 0;

}

.pcukLogo:hover {
transform: scale(1.25);
}

/******** slider - home ********** 480 yellow ***********/

.slider-container.home {
height: 430px;
width: 430px;
margin-top: 0;
}

.photoHome {
max-width: 380px;
max-height: 380px;
}
  	  
.slides > div {
width: 430px;
}
	  
/****************** footer - 480 - yellow ********************/

/*footer {
background-color: yellow;
}*/

/****************** projects - smallest screens less than 480px - yellow ***********************/

/* Create two equal columns that sits next to each other */

.gridColumn {
display: flex;
flex-flow: wrap;
flex: 50%;
justify-content: center;
margin: 5% 5% 3% 5%;
}

/* ********************** my Projects - 480 yellow (put into newslider.css as not working from here??) *********************** */

/*.slider-container.projects {
width: 420px;	
height: 420px;
}

.photoProject {
max-width: 390px;
max-height: 390px;
}*/

/*.slides > div {
width: 420px;
}*/
	
.infoProject {
grid-column: 1;
grid-row: 2;
}

.infoProjectText {
display: flex;
flex-wrap: wrap;
}

/************************ weddings - 480 yellow ***************************/

.slider-container.wedding {
width: 430px;	
}

.photoWedding {
max-width: 380px;
max-height: 380px;
}

.weddingMail a {
font-size: 1.5em;
}


/**************** error 404 - yellow ******************/

/********************* more - 480 yellow ******************************/

/****************** flickr - 480 yellow ***************/

.flickrContent {
max-width: 500px;
}

.flogo {
width: 50%;		
}

/******************** ss9 - 480 yellow *****************/

.ss9Content {
max-width: 500px;
}

/****************** camber sands - 480 yellow *************************/

.sandsContent {
max-width: 500px;	
}

/****************** email - 480 yellow ***************/

.mail {
color: gray;
font-size: 1.5em;
margin: 0 auto;
}

/**************** error 404 - yellow  ******************/


.oopsContent {
padding: 15% 0 10% 0;
}

.sorry {
line-height: 3em;
}

.oops	{
line-height: 2.5em;
}

.oops2	{

}
}

/* Medium devices (landscape tablets, 768px and up) - green ***********/

@media only screen and (min-width: 768px) {

.pcukMenu {
	padding: 40px 0 0 80px;
	font-size:10px;
}	

.pcukLogo {
margin: 20% 55% 0 0;
}

.pcukLogo:hover {
transform: scale(1.25);
}	

/****************** slideshow home - 768px and up - green ********************/
	  
/****************** footer - 768 - green ********************/

.slider-container.home {
width: 520px;	
height: 520px;
}

.photoHome {
max-width: 490px;
max-height: 490px;
}  

.slides > div {
width: 520px;
}

/*footer {
background-color: green;
}*/

/****************** projects - 768px - green ***********************/

/*.gridColumn img {
margin-top: 8px;
height: 250px;
max-width: 300px;
vertical-align: middle;
flex: 1 auto;
}*/

/*************************** myProjects - 768px - green **********************/

.myProjectWrapper {
grid-template-columns: 30% 70%;
}

/*.slider-container.projects {
grid-column: 2;
grid-row: 1;
width: 610px;
height: 610px;
}
	
.photoProject {
max-width: 590px;
max-height: 590px;
}*/

/*.slides > div {
width: 610px;
height: 610px;
margin-right: 50px;
}*/

h1{
font-size: 24px;
margin-bottom: 1px;
}

	  
.infoProject {
grid-column:1;
grid-row:1;
}

.infoProjectText {
font-size: 1.3em;
}

/********************* weddings - green ************/

.weddingHeader {
font-size: 3.5vw;
}


.weddingContent {
font-size: 2vw;
}

/**************** error 404 - green ******************/

.oopsContent {
padding: 15% 0 5% 0;
}

.sorry {

}

.oops	{

}

.oops2	{

}
}

/*********** Extra large devices (large laptops and desktops, 1400px and up) - blue ***********/

@media only screen and (min-width: 1400px) {

.pcukMenu {
	padding: 70px 0 0 110px;
	font-size:10px;
}	

.pcukLogo {
height: 3rem;
width: 3rem;
margin: 30% 70% 0 0;
}

.pcukLogo:hover {
transform: scale(1.25);
}

/******************** slider nav - 1400 blue ****************************/

.menu {
top: 8em;
}

.menu-icon {
font-size: 1em;
top: 10px;
left: 10px;
}

/* slideshow home - 1400px - blue *****************************************/

.slider-container.home {
width: 750px;	
height: 750px;
}

.photoHome {
max-width: 720px;
max-height: 720px;
}

.slides > div {
width: 750px;
}

/* footer - 1400 blue **************/

/*footer {
background-color: blue;
}*/

/* projects - 1400px - blue ***********************/

.gridColumn {
margin: 5% 8% 3% 8%;
}

.gridColumn img {
margin-top: 8px;
height: 400px;
max-width: 400px;
vertical-align: middle;
flex: 1 auto;
}

/* myProjects - 1400px - blue  ***********************/

.myProjectWrapper {
grid-template-columns: 40% 50%;
}

/*.slider-container.projects {
width: 750px;	
height: 750px;
}

.photoProject {
max-width: 720px;
max-height: 720px;
}*/

/*.slides > div {
width: 750px;
}*/
	  
.infoProject {
grid-column:1;
grid-row:1;
max-width: 90%;
}

.infoProjectText {
font-size: 1.2rem;
}

/* weddings - blue ************/

.weddingHeader {
font-size: 2.5vw;
}


.weddingContent {
font-size: 2vw;
}


/* error 404 - 1400 blue ******************/

.oopsContent {

}

.sorry {

}

.oops	{

}

.oops2	{


}
}


/* end ***********************	*/