@charset "UTF-8";
/* meyer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end meyer reset */


@font-face { font-family: 'robotoregular';
             src: url('../fonts/Roboto-Regular-webfont.eot');
             src: url('../fonts/Roboto-Regular-webfont.eot') format('embedded-opentype'),
             url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
             url(''url(../fonts/Roboto-Regular-webfont.ttf)) format('truetype'),
             url('../fonts/Roboto-Regular-webfont.svg') format('svg');
             font-weight: normal;
             font-style: normal;
              }

#home,
#about,
#gallery,
#item,
#contact,
#relish,
#current-inventory { font-family: 'robotoregular', Avenir, Arial, Helvetica, sans-serif;
          font-size: 1rem;
          color: #333; 
	      font-weight: 300;
	      /*background: #DDD url(../images/graphics/textured_paper%20copy.png)repeat;*/
	       }
	   
#container{ width: 100%;
            height: 100%;
            margin: 0 auto 0 auto; 
            background-color: #FFF;
		    /*border: solid #dbdbdb 1px; 
		    border-bottom-left-radius: .4rem;
		    border-bottom-right-radius: .4rem;
		    box-shadow: 0 .25rem 1.875rem #D1D1D1;*/
		     }
		   
header { flex-direction: column;
		 justify-content: flex-start;
		 align-items: flex-start;
		 border-bottom: #dbdbdb solid 1px; 
		  }

#logo { width: 75%;
		border: solid #c30 0px;
		 }
		
#logo img { max-width: 100%;
		    /*padding: .5rem .5rem;*/
		    border: solid #000 0px;
			 }
			
footer{ display: flex;
        flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 12rem 0 2rem 0;
		border-top: #dbdbdb solid 1px;
		font-family: 'robotoregular', Avenir, Arial, Helvetica, sans-serif;
		font-size: .75rem;
		font-weight: 500;
		color: #666; 
		 }
		
/* Global navigation---------------------------------------- */

ul#global-nav  { display: flex;
				 flex-direction: row;
	             justify-content: flex-end;
	             align-items: flex-end;
				 width: 98%;
				 height: 2rem; 
	             border: #000 solid 0px; 
                 list-style-type:none;
                  }

ul#global-nav li { margin: 0 0 .45rem 0;
				   border: solid #000 0px;
                    }

ul#global-nav li a { color: #555;
                     font-size: .75rem;
					 font-weight:  600;
                     text-decoration:none;
                     text-align:center;
                     text-transform:uppercase;
                     letter-spacing: .1rem;
                     padding: .5rem .5rem;
                     margin: 0px 0px;
			          }

ul#global-nav li a:hover { color: #000;
                           background: #dbdbdb linear-gradient( #F1F1F1 5%, #C5C5C5);
						   border-top-left-radius: .25rem;
						   border-top-right-radius: .25rem;
                            }

					 
body#home ul#global-nav li a#homepage-nav,					 
body#about ul#global-nav li a#about-nav,
body#gallery ul#global-nav li a#gallery-nav,
body#rings ul#global-nav li a#gallery-nav,
body#earrings ul#global-nav li a#gallery-nav,
body#necklaces ul#global-nav li a#gallery-nav,
body#bracelets ul#global-nav li a#gallery-nav,
body#mens ul#global-nav li a#gallery-nav,
body#news ul#global-nav li a#gallery-nav,
body#purchase ul#global-nav li a#purchase-nav,
body#contact ul#global-nav li a#contact-nav
                                                { color: #C90;
			                                      border: solid #000 0px;
			                                      }
/*End Global Navigation------------------------------------------------------------------------------------------*/			   	   
/* footer navigation */	

#notification,
ul#footer-nav   { width: 100%;
				  display: flex;
                  flex-direction: row;
				  align-items: center;
                  justify-content: center;
				  margin: 0 0 0 0;
					}
					
#notification { order: 2;
				text-align: left;
				 }
					
ul#footer-nav { order: 1;
				text-align: right;
				 }

ul#footer-nav  li { display: flex;
                    flex-direction: row; 
				    justify-content: flex-start;
				    align-items: center; 
				    width: 2rem;
				    margin: 1rem 0;
					padding: 0 .3125rem;
				    border: solid #000 0px;
					 }

ul#footer-nav li a { text-decoration: none;
                     color: #666;
                      }

ul#footer-nav li a:hover { color:#C90; 
                           } 
						   
/*Covid-19 Update styles-------------------------------------------*/

#covid-19-notice { width: 100%;
                   display: flex;
                   flex-direction: column;
			        flex-warp: warp;
		           justify-content: center;
			       align-items: left;
		           margin: 0rem auto 0rem auto;
		           border: solid #6F3 0px;
			        background: linear-gradient(180deg, white 10%, #F6F6F6);
			        }

#covid-19-notice p { width: 80%;
                     text-align:left;
                    font-size: 1rem;
				     font-weight: lighter;
                    line-height: 125%;
	                color: #333;
				     margin: 0rem 0 1rem 3rem;
 	                border: solid #000 0px; 
				     order: 2;
		             }
					 
#covid-19-notice .title { width: 80%;
                          color: #FF6F00;
	                      font-size: 1.25rem;
		                  font-weight: 500;
		                  text-align: left; 
		                  margin: 1.5rem 0 0 3rem;
		                  border-bottom: #dbdbdb solid 0px;
		                  order: 1;
		                   }
		 
#covid-19-notice a { display: flex;
                     flex-direction: row;
		              justify-content: center;
			          text-decoration:none;
                     color: #FFF;
	                 font-size: 1rem;
		             font-weight: 300;
		             text-align: center; 
		             width: 10%;
					  min-width: 8rem;
		             margin: 1.5rem 0 1.5rem 3rem;
                     border:solid #FFF 2px;
					  border-radius: .5rem;
					  padding: 0.5rem 0.5rem;
					  background: #666;
                     order:3;
					 }
					 
#covid-19-notice a:hover { color: #666;
	                       font-size: 1rem;
		                   font-weight: 400;
		                   text-align: center; 
		                   width: 10%;
		                   margin: 1.5rem 0 1.5rem 3rem;
                           border:solid #666 2px;
					        border-radius: .5rem;
					        padding: 0.5rem 0.5rem;
					        background: #FFF;
                           order:3;
					        }
  
/*Home page styles-------------------------------------------------*/

#home main { width: 100%;
             display: flex;
             flex-direction: row;
			 justify-content: flex-start;
			 align-items: center;
			 flex-wrap: wrap;
			 margin: 0 auto 0 auto;
			 border: solid #600 0px;
			 
		      }
		 
#home main img  { max-width: 100%;
	              border: solid #c30 0px;
				   /*margin: 2rem auto 0 auto;*/
				   }
			   
#home aside { width: 95%;
			  max-width: 16.25rem;
              /*display: flex;
              flex-direction: column;
		      justify-content: center;
			  align-items: center;*/
		      margin: 1.5rem 0 0 1.5rem;
			  padding: 0rem 1.5rem;
		      border: solid #6F3 0px;
		       }	
		
#home aside p { text-align:left;
                font-size: 1rem;
				font-weight: lighter;
                line-height: 175%;
	            color: #333;
	            border: solid #000 0px; 
		         }
				 
span.name { color: #C90;
             }
				 	
/*Gallery page styles-------------------------------------------------*/				

#gallery main { display: flex;
                flex-direction: row;
	            justify-content: center;
				align-items: center;
	            margin: 0 0 2rem 0;
	            border: solid #c30 0px;
		         }
		 
#gallery article { display: flex;
                   flex-direction: row;
				   flex-wrap: wrap;
		           justify-content: center;
		           align-items: center;
                   margin: 2rem 0 0 0;
		           width: 100%;
		           border: solid #000 0px;
		            }
		   
.thumbs { width: 80px;
		  height: 80px;
		  border: solid #999 1px;
		  margin: .25rem .25rem;
		  box-shadow: 0 0.25rem .25rem #D1D1D1;
		  border-radius: .2rem;
		   }
		  
.thumbs img { width: 80px;
			   }
			   					  
/*Gallery Details rules-----------------------------------------------------------------------------------*/

body#item { background: #FFF;
             }
			  
#item-container { display: flex;
                  flex-direction: column;
				  justify-content: flex-start;
		          border: solid #C00 0px;
				  overflow: hidden;
                   }

#item-container img { display: flex;
                      flex-direction: column;
		              justify-content: flex-start;
					  align-items: center;
					  width: 100%;
					  border: solid #3F9 0px;
					   }					
			   
#item-aside { display: flex;
              flex-direction: column;
			  justify-content: center;
			  align-items: flex-start;
			  border: solid #600 0px;
			  width: 95%;
			  padding: 0 1.5rem;
			  /*background: #F6F6F6;*/  
			  background: linear-gradient(180deg, white 10%, #F6F6F6);
		      border: solid #c30 0px;
			   }
										
.caption { color: #000;
	       border:solid  #3C0 0px;
	       font-size: 1rem;
		   line-height: 125%;
		   text-align: left;
		   margin: 0 0rem;
		   padding: 0 1.5rem 0 0; 
		   order: 3;
		   }

.title { color: #c90;
	     font-size: 1.25rem;
		 font-weight: 500;
		 text-align: left; 
		 width: 95%;
		 margin: 1.5rem 0 1.5rem 0;
		 padding: 0 0 .3rem 0;
		 border-bottom: #dbdbdb solid 1px;
		 order: 2;
		 }
		 
.details { width: 80%;
           margin: 1rem 0 0 1.5rem; 
		   list-style-type:circle;
		   order: 4; 
            }
           
.details li { color: #000;
	          font-size: 1rem;
		      font-weight: 200;
		      text-align: left; 
		      width: 100%;
		      line-height: 150%;
		      margin: .25rem 0;
			   }
			   
.item-code { font-size: .85rem;
             font-weight: bold;
             color: #555;
			 margin: 1rem 0 2rem 0;
			 order: 5;
			  }
			 
#item-container a { color: #c30;
                    font-size: .9rem;
					font-weight: 500;
                    text-decoration: none; 
                    text-align: center;
                    letter-spacing: .1rem;
                    padding: .5rem .5rem;
                    margin: -1.8rem 0 3rem 12rem;
					 }
					 
#item-container a:hover { color: #c90;
	                       }
						   

ul#item-pagination { display: flex;
				     flex-direction: row;
	             	 width: 60%;
				 	 border: #000 solid 0px; 
                     list-style-type:none;
					 margin: 1rem 0 0rem 0;
					 order: 1; 
				      }
							  
ul#item-pagination li a { display: flex;
                          flex-direction: row;
			              justify-content: flex-start;
			              align-items: center;
						  width: 15px;
						  height: 15px;
						  border: #c30 solid 0px; 
						  margin:0 .75rem 0 0rem; 
						  text-indent: -99999px; 
						   }
						   
#previous-item { background: url(../images/graphics/previous-icon.png);
                 background-size: contain;
				   }
				   
#previous-item:hover { background: url(../images/graphics/previous-icon-hover.png);
                       background-size: contain;
				        }
				   
#item-gallery { background: url(../images/graphics/gallery-icon.png);
                background-size: contain;
			     }
				   
#item-gallery:hover { background: url(../images/graphics/gallery-icon-hover.png);
                      background-size: contain;
				       }
						
#next-item:hover { background: url(../images/graphics/next-icon-hover.png);
                   background-size: contain;
                    }
								  
#next-item { background: url(../images/graphics/next-icon.png);
			 background-size: contain;
			  }							
										 
/*About page rules-----------------------------------------------------------------------------------*/

#about main { display: flex;
              flex-direction: row;
			  justify-content: center;
		      align-items: flex-start;
			  height: 100%;
	          border: solid #0C3 0px;
			   }
			  
#about article { display: flex;
                 flex-direction: column;
		         justify-content: flex-start;
		         align-items: center;
                 margin: 3rem 0 0 0;
		         width: 98%;
		         border: solid #c30 0px;
				  }
				 
#about .entry { display: flex;
                flex-direction: column;
		        justify-content: flex-start;
                margin: 0 0 3rem 0;
		        width:100%;
		        border: solid #C30 0px;
		         }
		 
#about .entry p { margin: 0rem 1rem 1rem 1rem;
		          font-size: 1rem;
		          font-weight: 400;
		          text-align: left;
		          line-height: 150%; 
		           }
		  
#about .entry-title { color: #c90;
	                  font-size: 1.15rem;
		              font-weight: 500;
		              text-align: left; 
		              width: 95%;
		              margin: 0 .5rem 1rem .5rem;
		              padding: 0 0 .3rem 0;
		              border-bottom: #dbdbdb solid 1px;
			           } 

#about-floater img { max-width: 100%;
                     width: 85%;
					 margin: 0 0 1rem 0rem;
					 padding: 1rem 1rem 1rem 1rem;
					 border-top: solid #E6E6E6 1px;
		             box-shadow: 0 0.25rem .25rem #D1D1D1;
		             border-radius: .2rem; 
					  }
					 
ul.entry-list { width: 60%;
                margin: 0rem 0 0 2.93rem; 
		        list-style-type:circle; 
				border: solid #36F 0px;
				 }

ul.entry-list li { color: #000;
	               font-size: .85rem;
		           font-weight: 400;
		           text-align: left; 
		           width: 100%;
		           line-height: 150%;
		           margin: 1rem 0;
				    }
				   
#relish { display: flex;
          flex-direction: column;
		  justify-content: flex-start;
		  align-items: center;
		  max-width: 600px;
		   }		
		  			
#relish img { width: 100%;
              max-width:100%;
			  margin: 0 auto 0 auto;
			   }
			  
#publications { border: solid #0C3 0px;
				width: 100%;
				 }		
				 	  
#publications img { max-width: 100%; 
                    width: 18.4375rem; 
					padding: .5rem;
					border-top: solid #E6E6E6 1px;
		            box-shadow: 0 0.25rem .25rem #D1D1D1;
		            border-radius: .2rem;
					margin: 0 0 1rem 0rem; 
					 }
/*Contact page rules-----------------------------------------------------------------------------------*/

#contact main { display: flex;
                flex-direction: row;
			    justify-content: center;
		        align-items: flex-start;
			    height: 100%;
	            border: solid #0C3 0px;
			     }
			  
#contact article { display: flex;
                   flex-direction: column;
		           justify-content: flex-start;
		           align-items: center;
                   margin: 3rem 0 0 0;
		           width: 80%;
				   max-width: 43.75rem;
		           border: solid #c30 0px;
				    }
				 
#contact .entry { display: flex;
                  flex-direction: column;
		          justify-content: flex-start;
                  margin: 0 0 3rem 0;
		          width:100%;
		          border: solid #000 0px;
		           }
		 
#contact .entry p { margin: 0rem 0 1rem 1.5rem;
		            font-size: 1rem;
		            font-weight: 400;
		            text-align: left;
		            line-height: 150%; 
		            border: solid #c30 0px;
		             }
		  
#contact .sub-title { color: #c90;
	                  font-size: 1.15rem;
		              font-weight: 400;
		              text-align: left; 
		              width: 100%;
		              margin: 0 0 .75rem 0;
		              padding: 0 0 .3rem 0;
		              border-bottom: #dbdbdb solid 0px;
			           } 
					  
#visit-studio p { margin: 0rem 0 0rem 2rem;
                   }
				   
#contact #intro { margin: 0rem 0 1.5rem 0rem;
				   }
					
#contact .icon { margin: 0rem 0 0rem 1.5rem;
                  }
				 
#contact .icon img { max-width: 100%;
					 width: 40px;
					  }
					  
#contact a { text-decoration: none;
             color: #c90;
             font-size: .85rem;
			 font-weight: 500; 
			  }
			  
#contact a:hover { color:#C90; 
                    }
					   

@media only screen and (min-device-width : 375px)
                   and (max-device-width : 767px)
				   and (orientation : landscape)
				   and (-webkit-min-device-pixel-ratio : 2) { #logo { width: 45%;
				                                                      margin: .5rem 0 0rem .5rem;  
															           }
													
												     #about article { width: 70%; 
													                   }
																	   
												 #about-floater img { margin: 0 auto 0 auto;}
													
													     #home main { flex-direction: row;
												                      justify-content: center; 
															          width: 100%;
															           }
																	   
													 #home main img { max-width: 45%;
												                      order:2;
																       }				   
																 
												        #home aside { width: 45%;
												                      margin: 0rem 0rem 0rem 0rem;
												                      order: 1;
															           }	
												      #home aside p { font-size: .75rem;
												                       }			   
												
					                            #item-container img { max-width: 100%;
												                      width: 60%;
												                      margin: 0 auto 0 auto;
																	     }
																		 
												   #gallery article { width: 80%;
				                                                       }
																	   
																	   
					                                          } 
@media only screen and (min-device-width : 320px)
                   and (max-device-width : 767px)
				   and (orientation : portrait)
				   and (-webkit-min-device-pixel-ratio : 2) { #publications { display: flex;
                                                                              flex-direction: column;
		                                                                      justify-content: flex-start;
		                                                                      align-items: center;
		                                                                      width: 100%;
				                                                               } 
																			   
															   #about-floater { display: flex;
                                                                                flex-direction: column;
		                                                                        justify-content: flex-start;
                                                                                align-items: center;
																			    width: 100%; 
				                                                                 }	
																				 
															#publications img { margin: 0 0 1.5rem 0rem;
															                     }
																				 
															           
				   
				                                             }
/*--------iPad--------------------------------------------------------------------------------------------------*/

@media only screen and (min-device-width : 768px)
                   and (max-device-width : 1024px)
				   and (-webkit-min-device-pixel-ratio : 2) { #logo { width: 50%;
				                                                      margin: 1.5rem 0 0rem 1.5rem;  
															          }
															 
											     ul#global-nav li a { color: #333;
                                                                      font-size: .75rem;
					                                                  font-weight:  500;
																	   }
													
													         footer { display: flex;
                                                                     flex-direction: row;
		                                                             justify-content: center;
		                                                             align-items: center;
															         margin: 21.875rem 0 2rem 0;
															          }				   
																	   
													#notification,
                                                    ul#footer-nav   { order: 0;
																	   }
																		
													     #home main { flex-direction: row;
												                      justify-content: flex-end;
															          margin: 0 0rem 40rem 0rem;
															           }		
															 				
													#home main img  { max-width: 100%;
													                  width: 45%; 
												                      margin: 0 8rem 0 0rem;
												                      order:2;
																       }
																	   
													    #home aside { width: 35%;
												                      order: 1;
															           }		
				   
				                                   #gallery article { width: 60%;
				                                                       }
																		 
				                                            .thumbs { width: 120px;
		                                                              height: 120px;
		                                                              border: solid #999 2px;
                                                                      margin: .5rem .5rem;
															           }
															  
													    .thumbs img { width: 120px;
													                   }
																   
													#item-container { flex-direction: row;
													                  justify-content: center;
																	  align-items: flex-start;
				                                                      margin: 3rem 0 0 0;
				                                                       }
																	   
											    #item-container img { max-width: 100%;
													                  width: 50%; 
													                  margin: 0 0 0 0rem;
																	   }
																		   
													    #item-aside { width: 35%;
													                  background: none;
																      margin: 0 0 6rem 0;
																       }
																	   
															 .title { font-weight: 400; 
														               }
																	 
														   .title,
												         .caption, 
												         .details,
												       .item-code,
											      #item-pagination  { order:0; 
														               }
																	   	
													     .item-code { margin: 1rem 0 .5rem 0; 
													                   }						
																	 
													 #about article { width: 70%;
													                   }
														
													  #publications { flex-direction: row;
													                  justify-content: flex-start;
													                  width: 100%;
																	  border: solid #C30 0px;
																	   }
																	  
											    #publications img,
                                                #publications a img { max-width: 100%; 
                                                                      width: 28%;
					                                                  margin: 0 .5rem 0 .5rem;
																	  padding: .5rem;
																	  border-top: solid #E6E6E6 1px;
		                                                              box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                              border-radius: .2rem;
																	   }
																		  
												     #about-floater { border: solid #000 0px;
																	  }
										      
											     #about-floater img { float: left; 
																	  max-width: 100%;
                                                                      width: 50%;
				                                                      height: auto;
																	  margin: 0rem 1rem .5em 1rem;
																	  padding: 1rem 1rem 1rem 1rem;
																	  border-top: solid #E6E6E6 1px;
		                                                              box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                              border-radius: .2rem;
			                                                           } 
													             }
													
@media only screen and (min-device-width : 768px) 
                   and (max-device-width : 1024px) 
				   and (orientation : portrait) 
				   and (-webkit-min-device-pixel-ratio : 2) { footer{ display: flex;
                                                                      flex-direction: row;
		                                                              justify-content: center;
		                                                              align-items: center;
																	   }		
				                                                
												   #gallery article { width: 80%;
				                                                       }
																					
															.thumbs { width: 120px;
		                                                              height: 120px;
		                                                              border: solid #999 2px;
                                                                      margin: .5rem .5rem;
															           }
															  
													    .thumbs img { width: 120px;
													                   }
																					
													#home main img  { max-width: 100%;
													                  width:45%; 
																      margin: 0 4rem 0rem 0rem;
																		}
														#home aside { margin: 0 0 0rem 0;
																        }	
																				
																		 }      
/*------------non apple tablets-----------------------------------------------------------------------------------------*/																		 
@media only screen and (min-device-width : 768px) 
                   and (max-device-width : 1024px)
				   and (orientation : landscape)
				   and (-webkit-min-device-pixel-ratio : 1)  { #logo { width: 50%;
				                                                       margin: 1.5rem 0 0rem 1.5rem;  
															            }
															 
												   ul#global-nav li a { color: #333;
                                                                        font-size: .75rem;
					                                                    font-weight:  500;
																		  }
													
													           footer { display: flex;
                                                                        flex-direction: row;
		                                                                justify-content: center;
		                                                                align-items: center;
															            margin: 21.875rem 0 2rem 0;
															             }				   
																	   
													  #notification,
                                                      ul#footer-nav   { order: 0;
																	    }
																		
													       #home main { flex-direction: row;
												                        justify-content: flex-end;
															            margin: 0 0rem 40rem 0rem;
															             }		
															 				
													  #home main img  { max-width: 100%;
													                    width: 45%; 
												                        margin: 0 8rem 0 0rem;
												                        order:2;
																         }
																	   
													      #home aside { width: 35%;
												                        order: 1;
															             }		
				   
				                                      #gallery article { width: 60%;
				                                                          }
																		 
				                                               .thumbs { width: 120px;
		                                                                 height: 120px;
		                                                                 border: solid #999 2px;
                                                                         margin: .5rem .5rem;
															              }
															  
													       .thumbs img { width: 120px;
													                      }
																   
													   #item-container { flex-direction: row;
													                     justify-content: center;
																	     align-items: flex-start;
				                                                         margin: 3rem 0 0 0;
				                                                          }
																	   
												   #item-container img { max-width: 100%;
													                     width: 50%; 
													                     margin: 0 0 0 0rem;
																		  }
																		   
													       #item-aside { width: 35%;
													                     background: none;
																         margin: 0 0 6rem 0;
																          }
																		  
															    .title { font-weight: 400; 
														                  }
															
												    .title,
												    .caption, 
												    .details,
												    .item-code,
											         #item-pagination  { order:0; 
														                 }
																	   	
													        .item-code { margin: 1rem 0 .5rem 0; 
													                      }	
																		  					
													    #about article { width: 70%;
													                      }
																		  
														 #publications { flex-direction: row;
													                     justify-content: flex-end;
													                     width: 100%;
																	     border: solid #C30 0px;
																	      }
																	  
											       #publications img,
                                                   #publications a img { max-width: 100%; 
                                                                         width: 28%;
					                                                     margin: 0 .5rem 0 .5rem;
																	     padding: .5rem;
																	     border-top: solid #E6E6E6 1px;
		                                                                 box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                                 border-radius: .2rem;
																	      }
																	      	  
												        #about-floater {  border: solid #000 0px;
																	       }
										      
											        #about-floater img { float: left; 
																	     max-width: 100%;
                                                                         width: 50%;
				                                                         height: auto;
																	     margin: 0rem 1rem .5em 1rem;
																	     padding: 1rem 1rem 1rem 1rem;
																	     border-top: solid #E6E6E6 1px;
		                                                                 box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                                 border-radius: .2rem;
			                                                              }
																	 
															 }     
															 
													 
@media only screen and (min-device-width : 768px) 
                   and (max-device-width : 1024px) 
				   and (orientation : portrait) 
				   and (-webkit-min-device-pixel-ratio : 1) { footer { display: flex;
                                                                       flex-direction: row;
		                                                               justify-content: center;
		                                                               align-items: center;
																	    }		
				                                                
													#gallery article { width: 80%;
				                                                         }
																					
															 .thumbs { width: 120px;
		                                                               height: 120px;
		                                                               border: solid #999 2px;
                                                                       margin: .5rem .5rem;
															             }
															  
													     .thumbs img { width: 120px;
													                    }
																			
													 #item-container { flex-direction: row;
													                   justify-content: center;
																	   align-items: flex-start;
				                                                       margin: 3rem 0 0 0;
				                                                        }
																	   
												 #item-container img { max-width: 100%;
													                   width: 50%; 
													                   margin: 0 0 0 0rem;
																		}
																		   
													     #item-aside { width: 35%;
													                   background: none;
																       margin: 0 0 6rem 0;
																        }
																		
															  .title { font-weight: 400; 
														                }
																		
												   .title,
												   .caption, 
												   .details,
												   .item-code,
											       #item-pagination  { order:0; 
														                }
																	   	
													      .item-code { margin: 1rem 0 .5rem 0; 
													                    }									
																		
														  #home main { flex-direction: row;
												                       justify-content: flex-end;
															           margin: 0 0rem 40rem 0rem;
															            }		
															 				
													 #home main img  { max-width: 100%;
													                   width: 50%; 
												                       margin: 0 3rem 0 0rem;
												                       order:2;
																        }
																	   
													     #home aside { width: 35%;
													                   margin: 3 0rem 0 0rem;
												                       order: 1;
															            }	
																	 
													  #about article { width: 70%;
													                    }	
														
													   #publications { flex-direction: row;
													                   justify-content: flex-end;
													                   width: 100%;
																	   border: solid #C30 0px;
																	    }
																	  
											     #publications img,
                                                 #publications a img { max-width: 100%; 
                                                                       width: 28%;
					                                                   margin: 0 .5rem 0 .5rem;
																	   padding: .5rem;
																	   border-top: solid #E6E6E6 1px;
		                                                               box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                               border-radius: .2rem;
																	    }
																		  
												     #about-floater { border: solid #000 0px;
																	   }
										      
											     #about-floater img { float: left; 
																	  max-width: 100%;
                                                                      width: 50%;
				                                                      height: auto;
																	  margin: 0rem 1rem .5em 1rem;
																	  padding: 1rem 1rem 1rem 1rem;
																	  border-top: solid #E6E6E6 1px;
		                                                              box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                              border-radius: .2rem;
			                                                           }			
																 }               

/*--------desktop-and-laptop--------------------------------------------------------------------------------------------------*/

@media only screen  and (min-width : 1025px) { ul#global-nav li a { color: #333;
                                                                    font-size: .75rem;
					                                                font-weight:  500;
																	 }
																	 
														#logo img { margin: 1rem 0 0 1rem;
														            width: 50%; 
																	 }

                                                 #gallery article { max-width: 800px;
                                                                     }
																   
											              .thumbs { width: 120px;
		                                                            height: 120px;
		                                                            border: solid #999 2px;
                                                                    margin: .5rem .5rem;
														             }
															  
											          .thumbs img { width: 120px;
													                 }
																   
												  #item-container { flex-direction: row;
													                justify-content: center;
																    align-items: flex-start;
				                                                    margin: 3rem 0 8rem 0;
				                                                     }
																	   
											  #item-container img { max-width: 100%; 
											                        width: 50%;
													                margin: 0 0 0 0rem;
																	 }
																		   
													  #item-aside { width: 35%;
													                background: none;
																    margin: 0 0 10rem 0;
																     }
																	 
														   .title { font-weight: 400; 
														             }
																	 
												.title,
												.caption, 
												.details,
												.item-code,
											    #item-pagination  { order:0; 
														             }
																	   	
													   .item-code { margin: 1rem 0 .5rem 0; 
													                 }						 			 
																	 
												           footer { display: flex;
                                                                    flex-direction: row;
		                                                            justify-content: center;
		                                                            align-items: center;
														             }				   
																	   
											      #notification,
                                                  ul#footer-nav   { order: 0;
																     }
																
												  #home main img  { max-width: 100%;
												                    width: 50%;
												                    margin: 0 8rem 0 0rem;
												                    order:2;
																     }				   
																   
												       #home main { flex-direction: row;
												                    justify-content: flex-end;
															        margin: 0 0rem 40rem 0rem;
															         }				   
																   
												      #home aside { width: 35%;
												                   order: 1;
															        }	
															   
												   #about article { width: 70%; 
													                max-width: 50rem;     
																     }			   
												   
												    #publications { flex-direction: row;
													                width: 100%;
																	border: solid #C30 0px;
																	 }
																	  
											  #publications img,
                                              #publications a img { max-width: 100%; 
                                                                    width: 28%;
					                                                margin: 0 .5rem 0 .5rem;
																	padding: .5rem;
																	border-top: solid #E6E6E6 1px;
		                                                            box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                            border-radius: .2rem;
																	 }
																		  
												   #about-floater { border: solid #000 0px;
																	 }
										      
											   #about-floater img { float: left; 
																	max-width: 100%;
                                                                    width: 50%;
				                                                    height: auto;
																	margin: 0rem 1rem .5em 1rem;
																	padding: 1rem 1rem 1rem 1rem;
																	border-top: solid #E6E6E6 1px;
		                                                            box-shadow: 0 0.25rem .25rem #D1D1D1;
		                                                            border-radius: .2rem;
			                                                         }
																	  
															 }		
										
										
										
										
										
                                         

/* Styles */