@media only screen and (min-width: 640px) {
	.pic {width: 46%;}
	}

@media only screen and (min-width: 768px) {
	.pic {width: 30%;}
	}

@media only screen and (min-width: 960px) {
	.pic {width: 23%;}
    }
@media only screen and (min-width: 1440px) {
	.pic {width: 18%;}
    }
   
@media only screen and (min-width: 2000px) {
	.pic {width: 18%;}
	}

@media only screen and (max-device-width: 768px) {
	.pic {width: 30%;}
	}

@media only screen and (max-device-width: 480px) {
	.pic {width: 90%;}
	}

@media only screen and (max-device-width: 340px) {
	.pic {width: 90%;}
	}

    /* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
	.pic {width: 30%;}
	}	  
	  

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
	.pic {width: 46%;}
	}	  
		  
.cell
{
	display: table-cell;
	border: solid;
	border-width: 0px;
	padding-left: 5px;
	padding-right: 5px;
	display:flex; 
	align-items:center; 
	justify-content:center;
}

.pic{
    position: relative;   
    float:left;
	margin:1px 1px 1px 1px;
	border:0px solid gray;
	padding:1rem;
	min-width:250px;
}

.pic{
    position: relative;  
    text-align: center;    
    float:left;
	margin:1px 1px 1px 1px;
	padding: 10px;
}

.pic a{ 
	width:200px;
}


#outer {
    width: 100%;
    padding: 0px;
    
}

#inner {
	width: 100%;
	display: table;
	margin: 0 auto;
}


.contain_text {
    position: relative;
    text-align: center;
    color: #e87a28;
}

.light:hover { color: #e1f5f8; }

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.row {  display: flex;
		padding-top: 10px;
		margin-top: 10px;			  
	 }
.col {  padding: 10px;
		vertical-align: middle;
		display: table-cell;
		}

blink { animation: blinker 1.5s linear infinite;
        color: #e1f5f8;
        font-weight: bold;
        }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
	 
.btnrow
    {
        display: table-row;
    }

h1 { margin-bottom: 0px }

.shadowed img{
	-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.9); /*Mozilla scale version*/
	-o-transform:scale(0.9); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	margin: 0 0px 0px 0; /*margin between images*/
	left:0px;
	}

.shadowed img:hover{
	-webkit-transform:scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1.0); /*Mozilla scale version*/
	-o-transform:scale(1.0); /*Opera scale version*/
	box-shadow:0px 0px 27px #fbda6f99;/*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 27px #fbda6f99;/*Safari shadow version*/
	-moz-box-shadow:0px 0px 27px #fbda6f99; /*Mozilla shadow version*/
	opacity: 1;
	}

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 50%;
  }

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

div.diag {
  -ms-transform: rotate(345deg); /* IE 9 */
  transform: rotate(345deg);
  
}

.hovergallery img{
	-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.9); /*Mozilla scale version*/
	-o-transform:scale(0.9); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	opacity: 0.8; /*initial opacity of images*/
	margin: 0 0px 0px 0; /*margin between images*/
	left:0px;
	box-shadow: 0 16px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}

.hovergallery img:hover{
	-webkit-transform:scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1.0); /*Mozilla scale version*/
	-o-transform:scale(1.0); /*Opera scale version*/
	box-shadow:0px 0px 27px #fbda6f99;/*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 27px #fbda6f99;/*Safari shadow version*/
	-moz-box-shadow:0px 0px 27px #fbda6f99; /*Mozilla shadow version*/
	opacity: 1;
	}
	
.hv video{
	-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.9); /*Mozilla scale version*/
	-o-transform:scale(0.9); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	opacity: 0.8; /*initial opacity of images*/
	margin: 0 0px 0px 0; /*margin between images*/
	left:0px;
	box-shadow: 0 16px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}
	
.hv div{
	-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.9); /*Mozilla scale version*/
	-o-transform:scale(0.9); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	opacity: 0.8; /*initial opacity of images*/
	margin: 0 0px 0px 0; /*margin between images*/
	left:0px;
	box-shadow: 0 16px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}


.vertAlign {
		display:flex; 
		align-items:center; 
		justify-content:center;
	}
	
.shineOnOver:hover { transform: scale(1.2); }