@import "../componets-styles/blood-status.css";
@import "../componets-styles/news-tile.css";
@import "../componets-styles/statistics.css";
.body_container {
    display: flex;
    flex-direction: column;
    gap: 4vw;
}

.general-information {
    display: flex;
    gap: 4vw;
    justify-content: center;
    font-size: 1.5rem;
    width: 100%;
}

.general-information__text {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}

.general-information__wood {
    width: 50%;
}

.general-information__title {
    font-size: 3rem;
}

.youtube-box {
    width: 100%;
    height: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.youtube {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube .play {
    background: url('../../../images/youtube-play-btn.png') no-repeat;
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}

.news_tile__img{
   width: 28rem; 
}

.news_tile__text p {
    max-height: 6rem;
    text-overflow:ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 425px) {
    
    .general-information {
        flex-wrap: wrap;
    }
	
	.general-information__title {
        text-align: center;
    }
	
	.general-information__text {
		width: 80%;
	}	
}