.im-01 {
		/*height:200px;*/
		position:relative;
		margin:10px 0;
	}
	.im-01 img{
		width:100%;
	}
	.im-01 p{
		color:#FFFFFF;
		font-size:0.6em;
		position:absolute;
		bottom:0;
		padding:0 .5em 0;
		line-height:1.1em;
	}
@media only screen and (min-width : 768px){
	.im-01{
		margin:10px 2% 0 0;
		float:left;
		width:40%;
		/*height:230px;*/

	}
	.im-01 img{
		width:100%;
		}
}

.im-02 {
	margin:0 0;
	position:relative;
}
.im-02 img{
	width:100%;
}
.im-02 p{
	color:#FFFFFF;
	font-size:0.6em;
	position:absolute;
	bottom:0;
	padding:0 .5em 0;
	line-height:1.1em;
}
@media only screen and (min-width : 768px){
	.im-02 {
		margin:0 2% 0 2%;
		float:left;
		width:25%;
		}
.im-02 img{
	width:100%;
	}
}

.rep-03{
	width:100%;
	height:230px;
	position:relative;
	margin:10px 0;
}
.rep-03 p{
	color:#FFFFFF;
	font-size:0.6em;
	position:absolute;
	bottom:0;
	padding:0 .5em 0;
	line-height:1.1em;
}
@media only screen and (min-width : 768px){
.rep-03{
	margin:10px 2% 10px 0;
	float:left;
	width:70%;
	height:540px;
	}
}

.im-03 {
	margin:10px -20px;
	position:relative;
}
.im-03 img{
	width:100%;
}

.im-03 p{
	color:#FFFFFF;
	font-size:0.6em;
	position:absolute;
	bottom:0;
	padding:0 .5em 0;
	line-height:1.1em;
}
@media only screen and (min-width : 768px){
	.im-03 {
		padding: 0 20px 0 0;
		margin:0 0 10px 0;
		float:left;
		width:50%;
		}
		.im-03 img{
			width:100%;
		}
}

.im-04 {
	margin:10px -20px;
	position:relative;
}
.im-04 img{
	width:100%;
}

.im-04 p{
	color:#FFFFFF;
	font-size:0.6em;
	position:absolute;
	bottom:0;
	padding:0 .5em 0;
	line-height:1.1em;
}
@media only screen and (min-width : 768px){
	.im-04 {
		padding: 0 20px 0 0;
		margin:0 0 10px 0;
		float:left;
		width:30%;
		}
		.im-03 img{
			width:100%;
		}
}



/* ==============
    MOBILE: Main
   ============== */

/* .rp {
    padding: 0 0;
} */

.rp article{
	margin-bottom:30px;
}
	.rp article time{
		font-size :1.5em;
	}
	.rp article section{
		border-bottom:#CCC 1px solid;
		margin-bottom:.1em;
		padding-bottom:1em;
	}

.rp article h1 {
    font-size: 1.2em;
}

.rp aside {
 /*   color: white;*/
    padding: 0px 5% 10px;
}
.rp .b{
	font-weight:bold;
	/*padding	: 0 1em 0  0;*/
}
.rp a{
	text-decoration:underline;
}
.rp h3{
	margin-top:2em;
}

.r {
	text-align:right;
}

.sp {
	font-weight:bold;
}

.sound{
	margin:50px 0;
}

.note{
	font-size: .8em;
  color: gray;
}