body {
	background-color: #FEFEFE;
}

.card {
	position: relative;
	height: 20vw;
	width: 80vw;
	margin:1vh auto;
}
.card__image {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 15vw;
    width: 15vw;
	object-fit: contain;
	z-index: 2;
}

.card__content {
	position: absolute;
	top: 7vw;
	right:0;
	width: 72vw;
	height: 10vw;
	z-index: 1;
	background-color: #FFC9DD;
}
.card__bottom {
	position: absolute;
	top: 14vw;
	right:1vw;
	bottom: 0;
	width:fit-content;
	height: 6vw;
	z-index: 2;
}

.card__content h3 {
	margin-top: 1vw;
    margin-left: 8vw;
	width: 60%;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}
.card__content p {
    margin-left: 8vw;
    margin-right: 1vw;
	text-align: left;
	overflow: hidden;
	height: 70%;
}


#CardList{
	margin:0px auto;
}

.News_Details_Tile{
	margin: 2vh 5vw;
	height: fit-content	;
	box-sizing: border-box;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	padding: 20px 0px;
	border-radius: 10px 10px 10px 10px;
	vertical-align:middle;
	background-color:#ffffff;
    max-width: 100%;
}

.News_Details_Container{
	position: relative;
	text-align: left;
}
.News_Details_MainPicture{
	text-align: center;
	margin:auto;
}

.News_Details_Picture{
	text-align: center;
	margin:auto;
}

.News_Details_MainPicture img{
	max-width: 1200px;
	width: 90%;
}

.News_Details_Picture img{
	max-width: 1050px;
	width: 80%;
}

.News_Details_Title{
    display: block;
    margin: 1vw auto 1vw 0px;
    padding-left: 5vw;
    width: 90%;
    border-bottom: 1px solid #FF7699;
}

.News_Details_Title h1{
	font-size: 2em;
	border-top: none;
	border-bottom: none;
	color: #FF7699;
	text-align: left;
	padding-bottom: 1px;
}

.News_Details_Subtitle{
	display: block;
    margin: 1vw auto 1vw 0px;
    padding-left: 5vw;
    width: 40%;
    border-bottom: 1px solid #FF7699;
}

.News_Details_Subtitle h2{
	border-top: none;
    border-bottom: none;
    border-left: 1vw solid #FF7699;
    color: #FF7699;
    padding-bottom: 0;
    padding-left: 1vw;
    margin: 0;
    margin-bottom: .5vw;
    line-height: 1em;
    font-size: 1.5em;
}

.News_Details_Date{
    margin: 1vw auto 1vw 0px;
    padding-left: 5vw;
	color: #FF7699;
}

.News_Details_Infos{
	padding: 1vw 5vw;
}

.News_Details_Link{
	padding: 1vw 5vw;
}

.News_Details_Link a{
	color: #FF7699;
	font-weight: 900;
	text-decoration: none;
}

.News_Details_Link a:hover{
	text-shadow: 2px 2px 8px #FAC8D0, 2px 2px 8px #FAC8D0;
}

.News_Details_Facebook_Container{
	width: fit-content;
	margin-right: 5vw;
	margin-left: auto;
}


  /*Responsive Styles*/
@media screen and (max-width : 760px){
	.card {
		position: relative;
		height: 42vw;
		width: 90vw;
		margin: 1vh 5vw;
	}
	.card__image {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		height: 24vw;
		width: 24vw;
		object-fit: contain;
		z-index: 2;
	}

	.card__content {
		position: absolute;
		top: 9vw;
		right: 0;
		width: 85vw;
		height: 25vw;
		z-index: 1;
		background-color: #FFC9DD;
	}
	.card__bottom {
		position: absolute;
		top: 26vw;
		right: 1vw;
		bottom: 0;
		width: fit-content;
		height: 16vw;
		z-index: 2;
	}
	.card__content h3 {
		margin-top: 2vw;
		margin-left: 20vw;
		width: 60%;
		border-bottom: 1px solid #FFFFFF;
		text-align: left;
	}
	.card__content p {
		margin-left: 20vw;
		margin-right: 1vw;
		text-align: left;
	}
	/* iframe{
		width: 300px;
	} */
	.News_Details_Title h1{
		font-size: 1.7em;
	}
	.News_Details_Subtitle h2{
		font-size: 1.5em;
	}
}