@charset "utf-8";
/* CSS Document */
.card{
background-color: var(--bg_color);
display: inline-block;
margin-bottom:1rem;
}


article{
font-family: initial;
display: block;
margin-bottom: 50px;
margin-top: 50px;
padding: 1rem;
border-bottom: 2px solid var(--accent_color);
background-color: var(--bg_color);
word-break: break-all;
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
 div.card{
width:calc( 100% / 2 - 1rem ) !important;
margin-right:1rem;

}

}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
 div.card{
width:calc( 100% / 3 - 1rem ) !important;
}


}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

 div.card{
width:calc( 100% / 4 - 1rem ) !important;
}

}

@media (min-width: 1600px) { 

}