@media (min-width: 1079px){
.rounded-button {
	position: relative;
	cursor:pointer;
    border: none;
    border-radius: 30px;
    width: 128px;
    height: 48px;
    background: linear-gradient(#125ff9, #0b3893);
    font-family: 'Cygre-Medium';
    font-size: 1em;
    color: white;
    transition: background 0.7s;
    margin-bottom: 2em;
	}
	
#grid-news-list {
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    gap: 1.5rem;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    

	
	
	.item {
      
		
		.caption {
            font-family: 'Cygre-SemiBold';
			text-wrap: wrap;
			width: 348px;
        }

        .thumbnail {

            border-radius: 32px;

            width: 348px;
            height: 192px;
        }

        .brief-description {
            font-family: 'Cygre-Light';
            white-space: normal;
    overflow-wrap: break-word;
    width: 20em;
			font-size: 1em;
			height: 5em;
			overflow: hidden;

            
        }
    }
}



}

/* phones */

@media (max-width: 1079px){
.rounded-button {
	cursor:pointer;
    border: none;
    border-radius: 60px;
    width: 192px;
    height: 72px;
    background: linear-gradient(#125ff9, #0b3893);
    font-family: 'Cygre-Medium';
    font-size: 1.75em;
    color: white;
    transition: background 0.7s;
    
	margin-left: 12em;
	}
#grid-news-list {
    
    width: 100%;
	display: flex;
    flex-direction: column;

    gap: 4rem;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    

	
	
	.item {
        
        .caption {
            font-family: 'Cygre-SemiBold';
			text-wrap: wrap;
			width: 100%;
        }

        .thumbnail {

            border-radius: 32px;

            width: 100%;
            height: 490px;
        }

        .brief-description {
            font-family: 'Cygre-Light';
            white-space: normal;
    overflow-wrap: break-word;
    width: 20em;
	font-size: 3em;

            
        }
    }
}



}