.events{
	position: relative;
	width: 100%;
	height: auto;
	background-color: rgba(255, 224, 197, 0.29);
	padding: 50px;
}

.events .event-holder{
	position: relative;
	width: fit-content;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.events h1{
	position: relative;
	width:auto;
	height: auto;
	color: #282853;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	text-align: left;
	
}

.events p{
	position: relative;
	color: #282853;
	font-size: 15x;
	text-align: left;
	width: 800px;
}

.events .event-card{
	position: relative;
	width: 900px;
	height: 250px;
	background-color: #f0fcff;
	top: 20px;
	padding: 20px;	
}

.events .event-card img{
	position: absolute;
	width: 250px;
	height: 100px;
	top: 0;
	right: 	0;
	margin-top: 60px;
	margin-right: 10px;
		
}

.events .event-card h2{
	position: relative;
	color: #282853;
	font-size: 35px;
	font-weight: bold;
}

.events .event-card p{
	position: relative;
	color: #282853;
	font-size: 15px;
	width: 800px;
	text-align: left;
	margin-bottom: 35px;
}

.events .event-card button{
	position: relative;
	width: 150px;
	height: 40px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #282853;
	color: aliceblue;
}


@media (min-width:0px) and (max-width: 500px){
    .events{
        padding: 10px;
    }
    
	.events .event-holder{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.events p{
		width: 100%;
		font-size: 13px;
	}
	
	.events .event-card{
		width: 100%;
		height: auto;
        padding: 40px 10px;
	}
	
	.events .event-card img{
		position: relative;
		height: 100px;
		width:100%;
		margin-top: 10px;
	}
	
	.events .event-card p{
		width: 100%;
	}
	
	.events .event-card h2{
		font-size: 28;
	}
    
    .events .event-card button{
        position: relative;
        width: 100%;
        height: 50px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: #282853;
        color: aliceblue;
        margin: 10px auto;
        display: block;
    }
}