* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 60%;
	
}

.right p{
 padding-bottom: 9px;
	
}

.right {
  width: 40%;
}

.right h2 {
 padding-bottom: 16px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.playlist img {
 vertical-align: middle;
}

.playlist p {

	font-size: 20px;
	padding-top:5px;

}


.oglSve{text-align:center; padding-top:5px; padding-bottom:5px; width: 990px; margin-left: 17px; clear:left; border: 1px solid #fb860a; margin-top:15px; margin-bottom: 15px;}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	
	.oglSve{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 660px;}
}


@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
	
	.oglSve{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 330px;}
}


.videoIndex {
	
	float: left;
  margin-left: 10px;
	 margin-right: 10px;
	width: 98%;
	
}



.videoIndex p{
 padding-bottom: 9px;
	text-align: left;
	
}


.videoIndex h2 {
	color: #ffcc99;
 padding-bottom: 14px;
}
