body {   
    margin: 0 auto;  
    font-family: "Arial", sans-serif;    
    box-sizing: border-box;     
     
}

h1, h2 {
    text-align: center; 
    color: #186c99;    
}
    
a {   
    color:#652c77;
    text-decoration: none;
}
a:hover {
  color: darkmagenta;
}
.outerwrap {
    text-align: center;
}


.slideshowimage {
    box-sizing: border-box;	    
    display: inline-block;
    text-align: center;   
    margin: 0 auto;       
    max-width: 100%;
   
}
.slideshowimage img {
    width: 600px;
    max-width: 100%;
}

.slideshow-nav-left1, .slideshow-nav-right1,  .slideshow-nav-left2, .slideshow-nav-right2 {   
    box-sizing: border-box;
    display: inline-block;
    font-size:  24px; 
    color: black;
    padding: 15px 0;
    margin: 0;
    cursor: pointer;       
    vertical-align:top;
    width: 30px;
}
.slideshow-nav-left2, .slideshow-nav-right2 {
	display: none;
}
.slideshow-nav-left1, .slideshow-nav-right1 {
   margin-top: 200px;
}
@media only screen and (max-width: 700px) { 
     .slideshowimage {
        width: 80%;
        max-width: 80%;
    }
    .slideshow-nav-left1, .slideshow-nav-right1 {
	    display: none;
        
	}
	.slideshow-nav-left2, .slideshow-nav-right2 {
		display: inline-block;
        margin: 0;         
  } 
}