body {
    font-family: 'Open Sans', sans-serif;
}



.clear-fix { clear:both; }
img { max-width: 100%; }



h1                  { font-weight:700; text-align:Center; color:#017ac1; letter-spacing: -1px; font-size: 41px; margin: 0px 0 14px 0; }
h2                  { font-size: 28px; text-align:center; }
h3                  { font-size: 15px; color:#ffffff; font-weight:bold; background:black; padding: 8px 10px;  padding: 10px 0px 25px 0; display:block;   }
p 			{ font-size: 16px; font-weight: 500; color:black; line-height: 155%; color:#333; }
li { line-height: 155%; font-weight: 500; color:black; font-size: 16px; }


.image-ratio  { width: 100%; margin: 0; padding: 0; }


p.lead { font-size: 21px; border-bottom: 1px rgb(0,0,0,0.15) solid; padding-bottom: 15px; }

a               { color:#ffffff; text-decoration:none; }
a:hover         {color:black; text-decoration: none; }

.intro { max-width: 1000px; margin: 0 auto; }
.intro p { margin: 20px 0 40px 0; font-size: 19px; font-weight:200; color:black; }



.header-logo { text-align:Center; margin-bottom: 40px; }
.header-logo img  { max-width: 300px; }

.bordo { background-color:#990000; }
.arancione { background-color:#ff6600; }
.verdone { background-color:#1c994a; }
.azzurro { background-color:#017ac1; }

.pride7 { margin-bottom: 40px; }


.pride7 .getmore { text-align:center; font-size: 17px; margin-top: 30px; }
.pride7 .getmore a {background:#000000; color:white; display:inline-block; padding: 10px 20px; text-transform:uppercase; }
.pride7 .getmore a:hover { background:#990000; color:#ffffff; }


.pride7 .more { font-size: 12px; }
.pride7 .more a { background:rgb(0 0 0 / 0.20); color:white; display:inline-block; padding: 6px 12px; }
.pride7 .more a:hover { background:rgb(0 0 0 / 0.40); color:white; }


.pride7-dept  { width: 25%; float:left; padding: 35px; box-sizing:border-box; text-align:left; }
.pride7-dept h2 { text-align:left; color:#ffffff; font-family: "Noto Serif Display"; font-size: 38px; }
.pride7-dept p { text-align:left; font-size: 13px; color:white; }



.gpc-item { width: 25%; float:left; padding: 20px; box-sizing:border-box; text-align:center; }



.footer {clear:both; background: black; color:white; padding: 10px; text-align:center; font-size: 12px;  }
.footer p {color:white; }


@media screen and (max-width:675px) {


.pride7-dept,  
.gpc-item { width: 100%; float:none; clear:both; padding: 20px; box-sizing:border-box; text-align:center; }



}