.homepage article.area-article:not(.pinned-area){
    flex: 1 1 20%;
}
.area-content-inner {
	min-width:84% !important;
	min-height:60%;
}

/*
------------------------------------------ 
  FONT IMPORT 
------------------------------------------ */
/* @import url(https://fonts.googleapis.com/css?family=Montserrat:600,500,400,300); */


/*
------------------------------------------
 CUSTOM VARIABLES
------------------------------------------
 */

:root {
    --primary-color: #005556 !important;
    --primary-color-contrast: white !important;
    --secondary-color: white !important;
    --secondary-color-contrast: #005556 !important;
    --primary-body-color: #000 !important;
    --secondary-body-color: #555 !important;
    --primary-font: "Montserrat", sans-serif !important;
    --icon-font: "fotobank-ikoner" !important;
    --menu-font-size: 16px !important;
    --text-on-image-shadow: 0 1px 1px rgba(0,0,0,0.0) !important;
    --text-on-image-color: #fff !important;
    --body-font-weight: 600 !important;
}

/* AREA ARTICLES HOVER BACKGROUND */
.homepage article:hover:not(:nth-child(1)) .area-article-text, 
body:not(.homepage) article:hover .area-article-text {
    background-color: rgba(0, 0, 0, 0.5) !important
}