html {
-webkit-text-size-adjust: 100%;
margin:0;
padding:0;
}

body {
font: 12pt/18pt Helvetica, Arial, Tahoma, Verdana, sans-serif;
margin:0;
padding:0 0 12px 0;
color:#999;
background-color: #ffffff;
}

#wrapper {
margin:0;
padding:0;
}

.video {
	padding: 0;
	margin: 12px 12px 0 12px;
}

.video iframe {
display:block;
width: 640px;
height: 360px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

.thumb {
float: left;
display:block;
height: 240px;
width: 240px;
margin: 12px 0 0 12px;
padding: 0;
background-repeat: no-repeat;
background-size: cover !important;
}

li:last-child a {
margin-bottom: 12px;
}

.wide {
width: 492px;
}

a, a:visited, a:link, a:active {
color:#999;
text-decoration: none;
}

p {
display: block;
clear:both;
padding: 0 12px;
margin: 12px 0 0 0;
}

p a {
border-bottom: 1px solid #bbb;
}

p a:hover {
color: #333;
border-bottom: 1px solid #333;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.thumb {
		width: 136px;
		height: 136px;
	}
	.wide {
		width: 284px;
	}
	.video iframe {
	width: 284px;
	height: 160px;
	}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.thumb {
		width: 142px;
		height: 142px;
	}
	.wide {
		width: 296px;
	}
	.video iframe {
	width: 296px;
	height: 167px;
	}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.thumb {
		width: 168px;
		height: 168px;
	}
	.wide {
		width: 348px;
	}
	.video iframe {
	width: 348px;
	height: 196px;
	}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
	.thumb {
		width: 136px;
		height: 136px;
	}
	.wide {
		width: 284px;
	}
}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	.thumb {
		width: 136px;
		height: 136px;
	}
	.wide {
		width: 284px;
	}
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	.thumb {
		width: 160px;
		height: 160px;
	}
	.wide {
		width: 332px;
	}
}

/* ---------------------- */

@media screen and (min-width: 768px) {
	#wrapper{
		margin:0 auto;
	}
	.thumb {
		width: 240px;
		height: 240px;
	}
	.wide {
		width: 492px;
	}
}
	
@media screen and (min-width: 1024px) {
	#wrapper{
		width:1020px;
		margin:0 auto;
	}
	.video iframe {
	width: 853px;
	height: 480px
	}
}