@media(min-width: 640px)  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%;
		margin-top : 80px;
    }

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

    .second_section{
       width :100%;
    }
    
    .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(2,1fr);
       grid-auto-rows : 270px;
       grid-gap : 10px;
    }
    
    .card:hover{
    	box-shadow : 1px 6px 6px #3e3e3e66;
    }
    
    .card-img-top{
    	width : 175px;
    	height : 200px;
    }
    .card-body h3{
    	font-weight : 600;
    	/* text-align : left; */
    	font-size : 0.9rem;
    	color : var(--pri_color);
    }
	
	
}