@media (min-width: 768px) {
header {margin-top: 0;/*margin-top: 16px;*/}


p.lead.m-0.p-0 {
    position: relative;
    z-index: 999;
}

#carousel {
    margin-top: -1em;
}

.navbar-expand-md {
    margin-top: -0.8em;
}

.carousel-caption {
    left: 47px;
    width: min-content;
    max-width: 40%;
    text-align: center;
    top: unset;
    background: #ffffffd9;
    color: black;
    bottom: 0;
    transition:1s linear 0s;
}
.carousel-caption ul {
    padding-inline-start: 0px;
}

.carousel-caption h3 {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding: 1em 0 0;
    line-height: 1.5em;
}
.carousel-caption h3 span {
	display: inline-block;
	width: 100%;
	clear: both;
}

.carousel-caption li {
    display: inline-block;
    width: 100%;
    line-height: 2em;
    font-size: 1.5rem;
    text-align: left;
    padding-left: 1em;
    word-break: keep-all;
    white-space: nowrap;
}

.carousel-caption li:before {
    content: "- ";
}

.carousel-control-prev, .carousel-control-next {
	opacity: 1;
	width: 30%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 40px;
  height: 40px;
}

/*CAROUSEL-FADE*/

.carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property:opacity;
  transition-property:opacity;
}

.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item {
  opacity:0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity:1;
}

.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item-next, .carousel-fade .carousel-inner .carousel-item-prev {
  left:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
/*/CAROUSEL-FADE*/


/*how-were-work*/
/*.how-were-work .row .col-md-3 p {
  padding-left:70px;
  padding-right: 5px;
}*/


/*.how-were-work .row p {
    padding: 17px 17px 0px 2px;
    line-height: 1;
    margin: 7px 6px;
}

.how-were-work .row {
    margin: 0 0 17px 0;
}*/

/*#sketch {margin-top: -4em !important;}*/

/*/how-were-work*/

/*footer*/



} /*/media min 768*/


@media screen and (min-width: 1200px) {
/*how-were-work*/
#sketch {margin-top: -4em !important;}

/*/how-were-work*/

/*footer*/
footer .name {margin-top: -1em;}
/*/footer*/

}  /*/media min 1800*/
