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

		body {
        margin: 0;
        padding: 0;
      }
	  
	  /* to make embedded youtube video responsive */ 
	  .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
	  
	
	/* Dropdown for the rest of the site */  
	  .dropbtn {
		  
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
		}

		.dropdown {
    position: relative;
    display: inline-block;
		}
/* CSS color of the background in the drop down menu */
		.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		}
/* CSS color of the font in drop down menu */
		.dropdown-content a {
    color: #bdbebf;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
		}

		.dropdown-content a:hover {background-color: #000000}

		.dropdown:hover .dropdown-content {
    display: block;
		}


		.grow { transition: all .2s ease-in-out; }
		.grow:hover { transform: scale(2.1); }

		


	div#slider {
	width: 100%;
	max-width: 1000px;
		}

	div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
		}

	div#slider figure img {
	width: 20%;
	height: auto;
	float: left;
		}

	div#slider {
	width: 100%;
	max-width: 1000px;
	overflow: hidden; 
		}

	@keyframes slidy { 
	0%  { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; } 
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; } 
		}

	div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	left: 0;
	text-align: left;
	animation: 12s slidy infinite;  
		}