.mySlides1 {
	display:none;
	margin: 50px auto; 
    position: relative; 
    width: 100%; 
    height: auto; 
    padding: 330px; 
    box-shadow: 0 0 0px rgba(0,0,0,0.4); 
	}

	
.mySlides1 > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.shell {
	width: 0px; 	
	margin: 0 0 0 0;
	display: inline-block;	
}

#navigation li a { margin-left: 49px; padding-right: 9px; padding-left: 49px; font-weight: bold; font-size: 44px; color: black; display: block;  } 

/* Top Menu Navigation */
/*#navigation { background: #F1F1F4 url(../images/secondary_bar.png) repeat-x; height: 36px; padding-top: 3px; width: 100%; position: relative; z-index: 20; } */
/*#navigation li { float: left; display: inline; position: relative; }

 text-transform: uppercase;

#navigation li a:hover,
#navigation li.pr-active a { background: #800000;  color:  #FFEC8B; text-decoration: none; }
#navigation li.active a { background: #fefefe; color:fefefe ; text-decoration: none; }

#navigation li .dd { display: none; position: absolute; top: 37px; left: 0; width: 76px; background: #fefefe; padding-top: 12px; padding-bottom: 8px; }
#navigation li .dd li a { float: left; display: inline; padding-left: 35px; background: #fefefe url('../images/item.png') no-repeat 20px 9px; font-size: 12px; line-height: 24px; word-spacing: 2px; padding-right: 6px; width: 135px; }
#navigation li .dd li a:hover,
#navigation li .dd li.pr-active a,
#navigation li .dd li .dd li a:hover { background: transparent; color: blue;}
#navigation li .dd .dd { left: 176px; top: -8px; padding: 8px 0; }
#navigation li .dd .dd li a { padding-left: 34px; width: 136px; }
#navigation li .dd li.pr-active .dd a { background: #fefefe; }*/

<!-- Side Menu Details -->
.sidenav {      
  z-index: 1;
  height: 50%;
  width: 170px;	
  top: 3%;
  left: 0;  
  font-family:Nova Slim;
  font-size: 26px;  
  color:blue;
  overflow-x: hidden;
  display: block;
  padding-top: 113px;
}

.sidenav a {  
  padding: 0px 16px 15px 15px;
  height: 50%;
  width: 170px;	
  text-decoration: none;
  font-family:Nova Slim;
  font-size: 26px;  
  color:blue;
  display: block;
}

.sidenav a:hover {
  height: 50%;
  width: 170px;	 
  background:color:powder blue;  
  color:yellow;
  display: block;  
  color:  #FFEC8B;				  
}

.container img {	
	position: relative;
	left: 30px;	
	margin-top: 5px;    
	float: center;
}

.containerj img {	
	position: relative;
	left: 30px;	
	margin-top: 100px;    
	float: center;
}

.containerp img {	
	position: relative;
	left: 30px;	
	margin-top: 12px;    
	float: center;
}

.containere img {	
	position: relative;
	left: 30px;	
	margin-top: 105px;    
	float: center;
}

.containerf img {	
	position: relative;
	left: 30px;	
	margin-top: 102px;    
	float: center;
}

.containerc {	
	position: relative;
	left: 180px;	
	margin-top: 35px;    
	margin-left 142px;    
	
}

#imgheight {  
  width:100%;
  height: 25%;
}

#main {  
  transition: margin-left .5s;
  padding: 20px;
}


/* Resize images */


.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 8px;}
}
		
.flip-box {
  background-color: transparent;
  width: 1300px;
  height: 1200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
}

.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}