/* override the bootstrap template */
.container-fluid {
 padding: 0;
}

footer {
 padding: 1.5rem 0;
 font-size: 0.8rem;
}
.card {
 max-width: 74vw; /* 20rem */
}
h3 {
 text-shadow: none;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 54vw;
}
}
/* Override Google translate style */
select {
 padding: .6rem;
 border-radius: 3px;
 color: #999;
}

.goog-te-gadget {
 color: #eee !important;
}

.goog-text-highlight {
 background-color: transparent !important;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
}

font {
 letter-spacing: 1.2px;
}
/* custom layout */
.ibody {
 padding: 3rem 0;
}
.pi-1 {
 padding: 1rem 15vw;
}
.c-p {
 cursor: pointer;
}
.ibg-main {
 background-image: url("../images/background/bg1.jpg");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: cover;
 min-height: 60vh;
 display: flex;
 align-items: flex-end;
 font-size: 11vw;
}

.ipad1 {
 margin: 3rem 2rem 3rem 4rem;
}

.ibg-projects {
 min-height: 80vh;
 padding-top: 1rem;
}
/* masonary layout */
.masonary {
 box-sizing: border-box;
 width: 90vw;
 columns: 250px;
 column-gap: 3vw;
 padding: 2rem 1rem;
 margin: 0 auto;
}

.masonary img {
 width: 100%;
 min-height: 200px;
 display: block;
 transition: all .5s ease-in-out;
 backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonary .brick {
 break-inside: avoid-column;
 margin-bottom: 1rem;
}

.masonry a:hover {
 opacity: 0.75;
}
/* ----- */