.events{
	margin:25px 0;
	/*background-color:rgb(218, 218, 218);*/
}

.eventlist{
padding: 15px 20px;
min-height: 80px;
border-bottom: 1px solid #8a8a8a;

}

.event-date{
    width: 10%;
    font-size: 2.8rem;
    color: #e09502;
    float: left;
    font-weight: bold;
}

.event-block{
    width: 80%;
    float: left;
    padding-left: 15px;
}

.event-name{
	font-family: Roboto;
	font-size:2rem;
}
.event-link{
    color: #1a003c;
    font-weight: bold;
}
.event-link:hover{
    color: #fcaf17;
    font-weight: bold;
}
.event-place{
font-size:1.5rem;
color:#333;
}

.buy-ticket{
	width: 10%;
    color: #fff;
    position: relative;
    top: 18px;
    right: 20px;
    font-size: 2rem;
    float: right;
    background-color: #1a003c;
    text-align: center;
    border-radius: 5px;
    min-height: 30px;
    vertical-align: middle;
}

@media (min-width: 319px) and (max-width: 767px){
	.eventlist{
/*	padding: 15px 20px;
    min-height: 80px;
    display: inline-block;
    /* height: auto;
    border-bottom: 1px solid #fcaf17;*/

    padding: 15px 20px;
    display: inline-block;
    border-bottom: 1px solid #fcaf17;
    box-shadow: 2px #999;
    box-shadow: 3px 3px 3px 1px #c3c1c1;
    width: 100%;
}
.event-block {
    width: 100%;
    /* float: left; */
    /* padding-left: 15px; */
    height: auto;
    /* min-height: 180px; */
}
.event-name {
	font-family: 'Roboto', sans-serif;
    width: 100%;
    display: block;
    font-size: 2rem;
    /* position: relative; */
    /* height: auto; */
    /* top: 50px; */
    display: inline-block;
}
.event-place {
    font-size: 1.5rem;
    color: #333;
    /* position: relative; */
    /* top: 80px; */
    display: inline-block;
}	
.buy-ticket{
	display:none;
}
	
}
@media (min-width: 768px) and (max-width: 1024px){
	.eventlist{
	font-family: Roboto;
	padding: 15px 20px;
    min-height: 80px;
    display: inline-block;
    /* height: auto; */
    border-bottom: 1px solid #8a8a8a;

}
	.event-block {
    width: 100%;
    /* float: left; */
    /* padding-left: 15px; */
    height: auto;
    /* min-height: 180px; */
}
.event-name {
    width: 100%;
    display: block;
    font-size: 2rem;
    /* position: relative; */
    /* height: auto; */
    /* top: 50px; */
    display: inline-block;
}
.event-place {
    font-size: 1.5rem;
    color: #333;
    /* position: relative; */
    /* top: 80px; */
    display: inline-block;
}
.buy-ticket{
	display:none;
}
}