.rep-01{
		width:100%;
		height:200px;
		position:relative;
		margin:10px 0;
	}
	.rep-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){
	.rep-01{
		margin:10px 2%;
		float:left;
		width:40%;
		height:230px;

	}
}

	.rep-02{
		width:100%;
		height:460px;
		position:relative;
		margin:10px 0;
	}
	.rep-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){
	.rep-02{
		margin:10px 2%;
		float:left;
		width:30%;
		height:420px;

	}
}



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

.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: 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;
}

/* ==============
    LIST STYLE
   ============== */
   .main-container ul{
	   padding:0 0.5em 1em;
   }

	.main-container ul li{
		list-style:none;
	}

	.main-container ul li,
	.main-container ol li{
		font-weight:bold;
	}
	.main-container ul li p,
	.main-container ol li p{
		font-weight:normal;
		padding:0 .5em 0.5em;
		margin: 0;
	}

	.main-container dl, menu, ol, ul {
		margin : 0
	}