body {
}
h1{font-size:2.5rem; font-weight:600; text-align:center; margin-bottom:2rem}
.select_unv_section{padding:1rem; margin:2rem 0; border-radius:1rem; background:var(--white);}
.unv_box_container{display:grid; grid-template-columns:1fr; gap:2rem;}
.unv_box{border:1px solid var(--light); padding:2rem; display:flex; flex-direction:column; gap:2rem;}
.unv_logo_img, .unv_box_link{display:flex; justify-content:center;}
.unv_logo_img img{width:24rem; height:auto}
.unv_box_link a{width:27rem; padding:0.5rem; display:flex; align-items:center; justify-content:center; background:var(--light); color:var(--black); font-size:1.8rem; font-weight:500; border:1px solid var(--light); transition:all 0.3s ease; text-align:center; position:relative; overflow:hidden;}
.unv_box_link a span{flex:1}
#popUpForm{position:fixed;width:100%;background-color:var(--black);display:none;height:100%; top:0; z-index:20}
#popContainer{position:relative;}
#close{display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; border:solid 1px var(--accentCol);width:4rem; height:4rem; border-radius:50%; background-color:var(--accentCol);  margin:10px;cursor:pointer;font-weight:600; font-size:2rem;}
#close:hover{background-color:#ff44449e;}

.dashboard_grid{display:grid; grid-template-columns:1fr; gap:2rem; padding:2rem;}
.dashboard_grid_col{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; width:100%; padding:2rem 2rem 4rem; border-radius:1rem; background-image:var(--gradient2); color:var(--bgPrimary); font-weight:700; font-size:1.6rem; text-transform:uppercase;}
.icon{display:flex; justify-content:center}
.icon img{width:10rem; height:auto}

@media only screen and (min-width:480px)
	{
		.unv_logo_img img, .unv_box_link a{width:30rem;}
	}
@media only screen and (min-width:600px)
	{
		.dashboard_grid{grid-template-columns:1fr 1fr; }
	}
@media only screen and (min-width:768px)
	{
		.unv_box_container{grid-template-columns:1fr 1fr;}
	}
@media only screen and (min-width:1024px)
	{	
		.unv_box_link a:hover{background:var(--white); color:var(--accentCol);}
		.dashboard_grid{grid-template-columns:1fr 1fr 1fr; }
	}
@media only screen and (min-width:1280px)
	{
		#popContainer{width:1200px; max-width:1200px; margin:0 auto}	
		.select_unv_section{padding:2rem; }
		.unv_box_container{grid-template-columns:1fr 1fr 1fr;  height:63rem; overflow-y:auto; padding-right:2rem;}
		.unv_logo_img img{width:auto; height:6rem; cursor:pointer; transform:scale(1); transition:all 0.5s ease}
		.unv_logo_img img:hover{transform:scale(1.1);}
		.unv_box_link a{font-size:1.6rem; font-weight:400;}

		.dashboard_grid{padding:5rem 0 2rem; gap:3rem; grid-template-columns:1fr 1fr 1fr 1fr;}
		.dashboard_grid_col{padding:2rem; font-weight:400; font-size:1.8rem; box-shadow:var(--lightshadow); transition:all 0.3s ease; transform:scale(1); cursor:pointer}
		.dashboard_grid_col:hover{transform:scale(0.95)}
		.icon img{width:7rem;}
	}