

/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

#pgLogo_img{
max-width:540px !important;
width:100%;
}

 #pgNavigation li {
 padding-left: 20px;
padding-right: 20px;
}

#nav-pg ul {
text-align: center;
}
#nav-pg  li{
display: inline-block;
float:none;
}

p {
font-family: 'Lato', sans-serif;
font-size: 100%;
color: #333333;
line-height: 18px;
font-weight:400;
letter-spacing:0px;
}

#nav-pg ul li {
font-weight:400;
}

.masonryitem {
    width:calc(5.56% - 7px) !important;
}

@media (max-width: 3400px) {
    .masonryitem {
        width:calc(5.88% - 7px) !important;
    }
}


@media (max-width: 3200px) {
    .masonryitem {
        width:calc(6.25% - 7px) !important;
    }
}


@media (max-width: 3000px) {
    .masonryitem {
        width:calc(6.67% - 7px) !important;
    }
}


@media (max-width: 2800px) {
    .masonryitem {
        width:calc(7.14% - 7px) !important;
    }
}


@media (max-width: 2600px) {
    .masonryitem {
        width:calc(7.69% - 7px) !important;
    }
}


@media (max-width: 2400px) {
    .masonryitem {
        width:calc(8.33% - 7px) !important;
    }
}


@media (max-width: 2200px) {
    .masonryitem {
        width:calc(9.09% - 7px) !important;
    }
}


@media (max-width: 2000px) {
    .masonryitem {
        width:calc(10% - 7px) !important;
    }
}


@media (max-width: 1800px) {
    .masonryitem {
        width:calc(11.11% - 7px) !important;
    }
}


@media (max-width: 1600px) {
    .masonryitem {
        width:calc(12.5% - 7px) !important;
    }
}


@media (max-width: 1400px) {
    .masonryitem {
        width:calc(14.29% - 7px) !important;
    }
}


@media (max-width: 1200px) {
    .masonryitem {
        width:calc(16.67% - 7px) !important;
    }
}


@media (max-width: 1000px) {
    .masonryitem {
        width:calc(20% - 7px) !important;
    }
}


@media (max-width: 800px) {
    .masonryitem {
        width:calc(25% - 7px) !important;
    }
}


@media (max-width: 600px) {
    .masonryitem {
        width:calc(33.33% - 7px) !important;
    }
}


@media (max-width: 400px) {
    .masonryitem {
        width:calc(50% - 7px) !important;
    }
}