* {
    padding: 0;
    margin: 0;
}

.gallery{
    padding:10px;
    /*max-width: 1100px;*/
    margin:0 auto;
    background: #f2f2f2;
    display:grid;
    grid-gap:5px;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    grid-auto-rows: 120px;
    grid-auto-flow: dense;
    
}

.gallery{
    padding:10px;
    /*max-width: 1100px;*/
    margin:0 auto;
    background: #f2f2f2;
    display:grid;
    grid-gap:5px;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    grid-auto-rows: 120px;
    grid-auto-flow: dense;
    
}

.v-stretch {
    grid-row: span 2;
}

.h-stretch {
    grid-column: span 2;
}

.big-stretch {
    grid-row: span 2;
    grid-column: span 2;
}

.big-col-3-row-2 {
    grid-row: span 2;
    grid-column: span 3;
}

.big-col-2-row-3 {
    grid-row: span 3;
    grid-column: span 2;
}

.gallery div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.gallery img:hover {
    transform: scale(1.1);
}*/

.social:hover {
    transform: scale(1.5);
}

@media(max-width: 560px)
{
    .v-stretch {
        grid-row: span 2; /*1*/
    }
    
    .h-stretch {
        grid-column: span 2; /*1*/
    }
    
    .big-stretch {
        grid-column: span 2; /*1*/
        grid-row: span 2; /*1*/
    }
}

.footer-dash
{
    background-color:#fff;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:80px;
    margin-bottom:0px;
    /*border-top: 1px solid #d2d6de;*/
    border-bottom: 2px solid #ff7d07;
    /*padding: 35px;*/
}

div.rounded-side {
    background-color:#ff7d07;
    padding:5px;
    border-radius: 0 100em 0em 100em;
}

div.rounded-side > p {font-size: 24px;}


div.rounded-side2 {
    background-color:#ff7d07;
    padding:5px;
    border-radius: 100em 0 100em 0;
}

div.rounded-sidexs {
    background-color: #ff7d07;
    border-radius: 0em 100em 0em 0em;
}

div.rounded-side2 > p {font-size: 24px;}

/* light gallery */

.demo-gallery > ul {
                margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 20px;
                width: 200px;
            }
            .demo-gallery > ul > li a {
                border: 3px solid #FFF;
                border-radius: 3px;
                display: block;
                overflow: hidden;
                position: relative;
                float: left;
            }
            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
                opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
                height: 48px;
                margin-left: -24px;
                margin-top: -24px;
                opacity: 0.8;
                width: 48px;
            }
            .demo-gallery.dark > ul > li a {
                border: 3px solid #04070a;
            }
            .home .demo-gallery {
                padding-bottom: 80px;
            }