/* HEADINGS */

.pacmg-heading{
text-align:left;
margin-top:40px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
font-size:22px;
}


/* GRID */

.pacmg-grid{
display:grid;
gap:20px;
margin-top:20px;
}


/* COLUMN SYSTEM */

.columns-5{
grid-template-columns:repeat(5,1fr);
}

.columns-4{
grid-template-columns:repeat(4,1fr);
}

.columns-3{
grid-template-columns:repeat(3,1fr);
}

.columns-2{
grid-template-columns:repeat(2,1fr);
}


/* DEFAULT MENU (MENU 1) */

.pacmg-btn{
display:flex;
align-items:center;
justify-content:center;
background:#444;
color:#fff;
padding:12px;
text-decoration:none;
border-radius:4px;
}


a.pacmg-btn {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

a.pacmg-btn:hover{
background:#222;
	color: #fff;
}

.pacmg-text{
	font-size:14px;
	color:#ffffff;
}


/* SECOND MENU IMAGE GRID */

.pacmg-menu2 .pacmg-btn{
display:flex;
flex-direction:column;
align-items:center;
background:none;
padding:0;
}

.pacmg-menu2 .pacmg-icon-img{
width:100%;
height:130px;
object-fit:cover;
border-radius:6px;
}

.pacmg-menu2 .pacmg-text{
display:inline-block;
margin-top:10px;
background:#6d6e79;
color:#fff;
padding:8px 14px;
border-radius:4px;
font-size:15px;
}

.pacmg-menu2 .pacmg-btn:hover .pacmg-text{
background:#4e4f58;
}


/* RESPONSIVE */

@media(max-width:1200px){

.columns-5{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:800px){

.columns-5{
grid-template-columns:repeat(2,1fr);
}

.columns-4{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:500px){

.pacmg-grid{
grid-template-columns:1fr;
}

}