@charset "utf-8";
#photo__area{
    width: 100%;
    height: auto;
}
    .photo__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
        padding-top: 160px;
        padding-bottom: 100px;
    }
        .insta__link__list{
            width: 100%;
            height: auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            column-gap: 10px;
            row-gap: 10px;
            padding-top: 20px;
            padding-bottom: 60px;
        }
            .insta__link__item{
                width: 100%;
                height: auto;
                overflow: hidden;
                border-radius: 10px;
            }
                .insta__link{
                    width: 100%;
                    height: auto;
                    transition: 0.5s;
                }
                .insta__link:hover{
                    transform: scale(1.05);
                }
                    .insta__link img{
                        width: 100%;
                        height: auto;
                    }
        .to__insta__btn{
            width: 38%;
            height: 80px;
            border-radius: 10px;
            background-color: var(--color--gray);
            margin: 0 auto;
            overflow: hidden;
        }
            .to__insta{
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                color: var(--color--white);
                font-weight: 700;
                font-size: 36px;
                position: relative;
            }
                .to__insta span{
                    position: relative;
                    z-index: 2;
                }
                .to__insta::before{
                    content: "";
                    display: block;
                    width: 300px;
                    height: 300px;
                    position: absolute;
                    top: -80%;
                    left: -200%;
                    transform: rotate(45deg) scale(1.5);
                    background-color: var(--color--white);
                    opacity: 0.2;
                    filter: blur(10px);
                    transition: 0.5s;
                }
                .to__insta:hover::before{
                    left: -80%;
                }
#IG__gallery{
    width: 100%;
    height: auto;
}
    .IG__gallery__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
        #instagram-list{
            width: 100%;
            height: auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            column-gap: 10px;
            row-gap: 10px;
            padding-top: 20px;
            padding-bottom: 60px;
        }
            #instagram h2{
                font-size: 28px;
                line-height: 1.4;
            }
            #instagram h2 span{
                font-size: 16px;
                margin-top: -5px;
            }
            #instagram-list li{
                width: 100%;
                height: auto;
                overflow: hidden;
                border-radius: 10px;
            }
                .insta__link{
                    width: 100%;
                    height: auto;
                }
                    .insta__link img{
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: center;
                        aspect-ratio: 1 / 1;
                    }
/* Tablet ================================================== */
@media all and (max-width:820px){
    #instagram-list {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        column-gap: 10px;
        row-gap: 10px;
        padding-top: 20px;
        padding-bottom: 60px;
    }
.IG__gallery__inner{
    padding-top: 50px;
    padding-bottom: 0;
}
    .to__insta__btn{
        width: 100%;
        height: 60px;
    }
        .to__insta{
            font-size: 28px;
        }
}