
.one-img {
	background-image: url(../elements/down/B.png);
}

.content-div {
	direction: rtl;
}

.event-div {
	width: 100%;
    height: 25%;
    padding: 2%;
}

.event-cont {
	height: 100%;
}

.date-cont {
	width: 30%;
	float: right;
}

.event-date {
	color: #ffac57;
    font-size:2.5em; /* 4em */
    font-family: 'Anton', sans-serif;
    line-height: 160%; /* 155% */
    margin: 0;
    direction: ltr;
    text-align: center;
}

.detail-cont {
	width: 70%;
    float: right;
    height: 100%;
    padding: 2% 3%;
}

.detail-cont p {
	color: white;
    font-size: 1.3em;
}

.detail-cont a {
	
	color: #83bced !important
}

hr {
	margin: 10px; /* 0 */
    width: 67%;
    float: left;
}


@media screen and (max-width: 1440px) {
	.event-div {
		height: 33%;
	}
	
	.event-date {
		font-size: 4em;
	}
	
	
}

@media screen and (max-width: 1200px) {
	
	.event-date {
		line-height: 128%;
	}
	
	.detail-cont p {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 1024px) {
	
	.event-date {
		font-size: 3.5em;
	}
	
	.detail-cont p {
		font-size: 1em;
	}
}

@media screen and (max-width: 800px) {
	
	.event-div {
		height: 20%;
	}
	
	.content-div {
		padding: 3% 0;
	}
	
	.event-date {
		font-size: 2.5em;
	}
	
	.event-name {
		margin: 0;
	}
	
}

@media screen and (max-width: 550px) {
	.event-div {
		height: 15%;
	}
	
	.event-date {
		font-size: 2em;
	}
	
	.detail-cont {
		padding: 0 3%;
	}
	
}


@media screen and (max-width: 550px) {
	.event-div {
		height: 23%;
	}
	
	.date-cont {
		width: 100%;
	}
	
	.event-date {
		text-align: right;
	}
	
	.detail-cont {
		width: 100%;
		height: auto;
	}	
	
	hr {
		width: 0;
	}
	
}








