body {
  			margin: 5px;
  			padding: 0;
  			background-color:#5E040D;
  			font-style:italic; 
            
  		}
		
        
        
        h6{
        
      position:relative;
      top:-40px;
      left:30px;
       
         }

         
         
  		.title {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  		}

  		.caption {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  			padding: 20px 0;
  		}

  		.container {
  			width: 100%;
  			max-width: 740px;
  			min-width: 340px;
  			/*background: #fff;*/
  			margin: 0 auto;

            
  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 32%;
		    padding-top: 40px; 
		    height: 0; 
	            
            
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
            border-radius: 25px ;
box-shadow: 0 0 4px 4px #C9AE5D;

		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 100%;/*width of thumbnail container*/
			overflow: hidden;/*other thumbnails are hidden*/
			margin-top: -255px;
			margin-left:1%;
			padding-bottom: 0px;

		}

      
        
		.vid-list {
			width: 4000px;
			position: relative;
			top:0;
			left: 1px;
		}

		.vid-item {
			display: block;
			width: 110px;
			height:140px;
			float: left;
			margin: 0;
			padding: 5px;/*Space in between thumbnails*/

		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 55px;
                        
            
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: -10px;/*brings the thumbnail image up or down*/
           
		}
        
        .thumb:hover {
            box-shadow: 0 0 4px 4px #C9AE5D;
        }

		.vid-item .desc {
			color: #C9AE5D;
            text-align:center;
			font-size: 12px;
			margin-top:5px;
            font-style:italic;
		}

		/*.vid-item:hover {
			background: #eee;
			cursor: pointer;
		}
         */
		.arrows {
			position:relative;
			width: 100%;

		}

		.arrow-left {
			color: #fff;
			position: absolute;
			background: #000000;
			padding: 15px;
			left: -50px;
			top: -150px;
			z-index: 99;
			cursor: pointer;
            border-radius: 50%;
		}

		.arrow-right {
			color: #fff;
			position: absolute;
			background: #000000;
			padding: 15px;
			right: -45px;
			top: -150px;
			z-index:100;
			cursor: pointer;
            border-radius: 50%;
            
		}

		.arrow-left:hover {
			background: #000000;
            opacity:.6;
            /*filter: brightness(120%);*/
		}

		.arrow-right:hover {
			background: #000000;
            opacity:.6;
            
            /*filter: brightness(120%);*/
            
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				width:80px;
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}