*{
    margin:0;
    font-family: 'Inter',sans-serif;
}

 
#gallery{
    text-align: center;
    width:100%;
    margin:auto;
    padding:0px;
}

.box{
    box-sizing:padding-box;
    width:22%;
    float: left;
    border:1px solid #afafaf;
    margin:5px;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5) ,1px 1px 10px 1px rgba(0,0,0,0.3);
    opacity:0.7;
}

.box img{
    width:100%;
    margin:0;
    padding:0;
    object-fit: cover;
    height: 315px;
}

#gallery .caption{
    padding:10px;
    margin:0;
    font-size: 10px;
    font-weight: bold;
}

#gallery .box:hover{
    opacity: 1;
    transition: transform 0.5s ease-in-out;
    z-index: 999999;
    transform:scale(1.05);
}

.download{ padding: 1.25rem; border:0; 
border-radius:3px; 
background-color:#4F46E5; 
color:#fff;
cursor:pointer; 
text-decoration:none;
display: none;
}

.toast-header{
    text-align: left;
}
.toast-body{
	 color:				white;
    background-color: #0066FF;
    border: 0px solid #0066FF;
    text-align: left;
}

.download:hover{color: #fff}
#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}
#carbonads>span{display:block}
#carbonads a{color:#4F46E5;text-decoration:none}
#carbonads a:hover{color:#4F46E5}
.carbon-wrap{display:flex;align-items:center}
.carbon-img{display:block;margin:0;line-height:1}
.carbon-img img{display:block;height:90px;width:auto}
.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}
.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}
@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}}


/*========--------- Responsive -------==========*/

@media(max-width:830px){
    .box{
        width:29%;
    }
}
@media(max-width:637px){
    .box{
        width:42%;
    }
}
@media(max-width:450px){
    .box{
        width:100%;
    }
}

.lead { font-size: 1.5rem; font-weight: 300; }
.container { margin: 30px auto; max-width: 960px; text-align: center; }