body, html{
	height: 100%;
	margin: 0;
	font: 400 15px/1.8 "Lato", sans-serif;
	color: #777;
	background-color: #111;
	font-family: Arial Unicode MS;
}

.main-container{
	display:block;
	margin:0 auto;
	width:65%;
}

h1.pd{
	background-color: rgba(28, 26, 26, 1.0);
	text-align:center;
	color:white;
	overflow:auto;
	padding:0;
	font-size:30px;
}
img.sample{
	float:left;
	width:100%; 
	height:auto; 
	border:0px solid grey; 
	border-radius:0px;
	transform: scale(1, 1);
}
	
* {
    box-sizing: border-box;
}

.paypal{
	background-image: url('../images/paypal2.png');
	background-size:cover;
	width:200px;
	height:75px;
	padding:0;
	cursor:pointer;
	border-radius: 18px;
}

.pyt{
	float:center;
	width:100px;
	height:auto;
	overflow:auto;
	margin-left:10px;
}

/* Style the list */
.price {
    list-style-type: none;
    border: 1px solid grey;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.rar {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: yellow;
}

/* Add shadows on hover */
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}

.header{
	font-size: 30px;
}

/* Pricing header */
.price .header {
    background-color: rgb(112, 146, 190);
    color: white;
}

/* List items */
.price li {
    border-bottom: 1px solid grey;
    padding: 5px;
    text-align: center;
	font-weight:;
	overflow:auto;
	font-size: 30px;
 	color: white;
	margin: 0;
	
}

.ytv {
	height:150px;
	width: auto;
	
	
}

/* Green background list Area */
.price .green {
    background-color: rgba(76, 175, 80, 1);
	color:white;
    font-size: 30px;
}

/* The "free download" button */
.download{
	padding:10px;
	color:white;
	cursor:pointer;
	border-radius:10px;
	background: linear-gradient(rgb(113, 192, 236), rgb(22, 150, 224));
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
}

img.pdf-icon, img.midi-icon, img.rar-icon {
	height:50px;
	width:auto;
	
}
img.midi-icon{background-color: #111;}


/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 850px) {

	img.sample{
		display:block;
		width:100%;
	}
	
	.pyt{
		display:inline-block;
		width:50px;
	}
	
	.price li {
	font-size: 20px;
	
	}
	
	.price .green {
    font-size: 20px;
	
	}
	
	.main-container{
	width:90%;
	}
 	
}

@media only screen and (max-width: 380px) {

	img.sample{
		display:block;
		width:100%;
	}
	
	.pyt{
		display:inline-block;
		width:50px;
	}
	
	.price li {
	font-size: 11.5px;
	
	}
	
	.price .green {
    font-size: 11.5px;
	
	}
	
	.main-container{
	width:90%;
	}
 	
}