/*	Mobile  */
	@media screen and (max-width: 440px) {



	}

/*	Desktop  */
	@media screen and (min-width: 441px) {



		#main-container{
			transition: all 0.5s;
			margin-top: 10rem !important;
		}

		.Container{
			display: flex;
			flex-direction: row;

		}
/*--------------------------------------------------------------------LEFT----------*/

		.left-column{
			width: 50%;
			display: flex;
	        flex-direction: column;
	        align-items: flex-start;
	        justify-content: space-between;
		}
		.left-column .title{
			font-size: 2rem;
			text-transform: uppercase;font-weight: 600;
			font-weight: 600;
			width: 60%;
		}
		.left-column .date {
			margin-top: -3rem;
			font-size: 2rem;
			color: #9c0034;
			font-weight: 600;
		}

		.date{
			
		}

		.button{
			border: 1px solid #9c0034;
			background: transparent;
			color: #9c0034 !important;
			text-decoration: none;
			transition: all 0.3s;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 0.7rem;
			padding: 1rem 5rem;
		}

		.button:hover{
			border: 1px solid #9c0034;
			background: #9c0034;
			color: white !important;
		}

		.subtitle{
			font-size: 1.6rem;
			color: #9c0034;
			margin-top: 2.1rem;
			font-weight: 600;
		}



/*--------------------------------------------------------------------RIGHT---------*/

		.right-column{
			width: 50%;
		}
		.right-column .convBox {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;
			row-gap: 1rem;
			column-gap: 2rem;
			margin-bottom: 1REM;
		}
		.right-column .convBox a {
			padding: 0.5rem;
			transition: all 0.3s ease;
			width: 6.5rem;
			filter: opacity(0.4);
			border: 0.1rem solid transparent;
		}
		.right-column .convBox a:hover {
			filter: opacity(1.0);
			border: 0.1rem solid #9c0034;

		}
		.convBox a img {
			width: 100%;
			height: 100%;
		}


/*----------------------------------------------------------------------------------*/








}