@media(min-width: 768px)  and (hover : hover) and (pointer : fine){


    root{
       --pri_color :#1a76d1;
       --sec_color :#e12454;
       --uni_color :#223a66;
    }
    
    *{
    	margin : 0;
    	margin : 0;
    }
    
    body{
    	font-family :-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
    a:hover{
    	text-decoration : none;
    	cursor : pointer;
    }

/*****FIRST SECTION*******/
    .first_section{
    	width : 100%;
    }

/****SECOND SECTION*******/

    .second_section{
       width :100%;
	   min-height : auto;
    }
    
    .second_section_content{
    	margin-left : 5%;
    	margin-right : 5%;
    }
    
    .second_section h1{
    	font-weight : 600;
    	font-size : 2.5rem;
    	color : var(--uni_color);
    }	
	
    .second_section_grid{
       display : grid;
       grid-template-columns : repeat(4,1fr);
       grid-auto-rows : 350px;
       grid-gap : 20px;
    }
    
    .card:hover{
    	box-shadow : 1px 6px 6px #3e3e3e66;
    }
    
    .card-img-top{
    	width : 180px;
    	height : 250px;
    }
    .card-body>h3{
    	font-weight : 600;
    	/* text-align : center; */
    	font-size : 1rem;
    	color : var(--pri_color);
    }

}