.news 
{
	width: 100%;

    display: flex;
	flex-wrap: wrap;
	align-content: space-around;

	margin: 20px auto;

	color: black;
}

.news h2
{
    width: 100%;
    color: #454859;
    margin: 20px O;
    cursor: pointer;
}

.news h2:hover
{
    text-shadow:
    0 0 1px #454859;
}

.blockNews
{
    margin: 20px auto;
    display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

.smallVideo
{
    object-fit:contain;
    margin: auto;
    padding: 0;
}

.smallVideo video
{
	height: inherit;
}

.smallImg
{
    object-fit:cover;
    margin: 0 auto;
    padding: 0px;

    border-radius: 6px;
    border: 2px solid #373737;
}

.actuDesAuthor
{
    width: 100%;
    margin: auto;
    font-size: 15px;
    font-weight: normal;
}

.readMore
{
    cursor: pointer; 
    color: #C88F1A;
    text-decoration: underline;
}

.readMore:hover
{
    cursor: pointer; 
    color: #C88F1A;
    text-decoration: none;
}

.actuDes
{
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;

    width: calc(80% - 40px);
    margin: 0 auto;
    padding: 0;
}

.actuDesAuthorFull
{
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #454859;
}

.bigImg
{
    border : #D2691E solid;
}

@media 	only screen and 
		(min-width: 541px)
		/* portrait tablet */
{
    .actuDes
    {
        width: 100%;
        margin: 20px auto;
    }
    .smallImg, .smallVideo
    {
        max-width: 100%;
        height: 300px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: 100%;
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 0;

        width: 100%;
    }
}

@media 	only screen and 
		(max-width: 540px) 
		/* portrait mobile */
{
    .actuDes
    {
        width: 100%;
        margin: 20px auto;
    }
    .smallImg, .smallVideo
    {
        max-width: 100%;
        height: 300px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: 100%;
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 0;

        width: 100%;
    }
}

@media 	only screen and 
		(min-width : 1825px) 
		/* desktop */
{
    .blockNews
    {
        width: 80%;
    }
    .actuDes
    {
        width: calc(100% - 250px - 40px);
        margin: 0 auto;
        padding: 0 20px;
    }
    .smallImg, .smallVideo
    {
        width: 250px;
        height: 250px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: calc(40% - 40px);
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 20px;

        width: 55%;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1601px) and 
		(max-width: 1824px) 
		/* desktop */
{
    .blockNews
    {
        width: 90%;
    }
    .actuDes
    {
        width: calc(100% - 250px - 40px);
        margin: 0 auto;
        padding: 0 20px;
    }
    .smallImg, .smallVideo
    {
        width: 250px;
        height: 250px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: calc(40% - 40px);
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 20px;

        width: 55%;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1225px) and 
		(max-width: 1600px) 
		/* laptop */
{
    .blockNews
    {
        width: 100%;
    }
    .actuDes
    {
        width: calc(100% - 250px - 40px);
        margin: 0 auto;
        padding: 0 20px;
    }
    .smallImg, .smallVideo
    {
        width: 250px;
        height: 250px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: calc(40% - 40px);
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 20px;

        width: 55%;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 961px) and 
		(max-width: 1224px) 
		/* landscape tablet */
{
    .actuDes
    {
        width: 100%;
        margin: 20px auto;
    }
    .smallImg, .smallVideo
    {
        max-width: 100%;
        height: 300px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: 100%;
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 0;

        width: 100%;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(max-device-width: 960px) 
		/* landscape mobile */
{
    .actuDes
    {
        width: 100%;
        margin: 20px auto;
    }
    .smallImg, .smallVideo
    {
        max-width: 100%;
        height: 300px;
    }
    .bigImg, bigVideo
    {
        max-height: 500px;
        width: 100%;
        padding: 0;
        margin: 20px;
    }

    .actuFullDes
    {
        margin: 0;
        padding: 0;

        width: 100%;
    }
}