@charset "utf-8";
/* CSS Document */


html {
    --color-1: #FBE8A6;
    --color-2: #F4976C;
    --color-3: #303C6C;
    --color-4: #B4DFE5;
    --color-5: #D2FDFF;
    background-color: var(--color-1);
}

.ftco-section {
    padding: 1em 0;
    background-color: var(--color-1);
}

.work .img {  height: 80vh;  }

.work .text h2 {
    text-transform: none;
    font-size: xx-large;
}

.thumbs {
    position: relative;
    bottom: 3em;
}

.ph-lbl {  top: 0; }

.ph-list {  margin-bottom: 3rem; }

#alb-title {
    position: fixed;
    top: 20px;
}

@media (max-width: 960px) {
    .thumbnail li a img {  width: 40px;  }
    .thumbs { bottom: 2em; }
    .ph-list {  margin-bottom: 0; }
}

@media (max-width: 600px) {
    .work .img {  height: 80vh;  }
}

@media (orientation: portrait) and (max-width: 600px) {
    .work .img {  height: 60vh;  }
    .thumbnail li a img {  width: 30px;  }
}

.owl-carousel .owl-item img {   max-width: 80%; }

@media (orientation: portrait) {
    .owl-carousel .owl-item img {
        width: 90vw;
        height: auto;
    }
    .thumbs {   bottom: 3em;   }
}