@charset "utf-8";
/* CSS Document */

.slider {
        min-width: 500px;
        height: 344px;
		width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        text-align: center;
        overflow: hidden;
	margin-bottom: 50px;
	background-color: rgba(0,0,0,0.00);
	display: block;
      }
    

 .image-container {
		  width: 3305px;
        min-height: 304px;
        clear: both;
        position: relative;
        -webkit-transition: left 2s;
        -moz-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
	 background-color: rgba(0,0,0,0.00);
      }

      .slide {
        float: left;
		  max-height: 300px;
        margin: 1px;
        padding: 1px;
        position: relative;
		  
		  width: 250px; 
		min-height: 300px;
	
		justify-content: center;
		text-align: center;
		  background-color: rgba(0,0,0,0.00);
		  
      }

/* recalculate for width of 250px plus 4 px margin so the buttons work for each photo. */

      #slide-1:target ~ .image-container {
        left: 0px;
      }
      #slide-2:target ~ .image-container {
        left: -500px;
      }
      #slide-3:target ~ .image-container {
        left: -1000px;
      }

	#slide-4:target ~ .image-container {
        left: -1500px;
      }
      #slide-5:target ~ .image-container {
        left: -2000px;
      }
      #slide-6:target ~ .image-container {
        left: -2500px;
      }
	#slide-7:target ~ .image-container {
        left: -3000px;
      }
      #slide-8:target ~ .image-container {
        left: -3500px;
      }
      #slide-9:target ~ .image-container {
        left: -4000px;
      }
	#slide-10:target ~ .image-container {
        left: -4500px;
      }
      #slide-11:target ~ .image-container {
        left: -5000px;
      }
      #slide-12:target ~ .image-container {
        left: -5500px;
      }

      .buttons {
        position: relative;
        top: 10px;
      }
      .buttons a {
        display: inline-block;
        height: 10px;
        width: 10px;
		  margin: 2px;
        border-radius: 50px;
        background-color: rgba(18,9,2,1.00);
      }