body{
  font-family: 'Swiss721', 'Calibri', Times;
}
h1, h2, h3 {
  font-weight: bold;
}


#page-heading{
  max-width: 500px;
  margin-top: 20px;
}
#page-heading h1{
  font-size: 1em;
  margin:0;
  right:0;
  position:relative;
  transition: right 1s;
}

@media (min-width: 992px){
  #page-heading h1.title-float{
    color:black;
    right:4.5em;
  }
}
#headingContactInfo .row{
  padding-bottom:40px;
}
#headingWorkDescription .row{
  padding-top:40px;
}


#page-heading a{
  color:black;
  text-decoration: none;
}



.gallery-item, .gallery-item img, .gallery-item a{
    width: auto;
    height: auto;
    min-height: fit-content;
    margin:15px auto;
    display: block;
    position: relative;
    color: black;
    text-align: center;
    text-decoration: none;
}
.gallery-item a{
    padding: 15px;
    border-radius: 15px;
    border: solid grey 1px;
}
.gallery-item{
  max-width:900px;
}

.gallery-item img, .gallery-item a{
    max-width:100%;
    max-height:700px;
}

.gallery-item h2{
    font-size: 5em;
    /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
    max-width: 900px;
    margin: auto;
}
.gallery-item-editor{
    display:block;
    position: relative;
    height:100%;
    max-width: 900px;
    text-align: left;
    z-index: 1000;
    background-color:#FFFFFF77;
}
.sortable-handle{
    cursor: pointer;
}
.sortable-handle i{
    font-size: 4em;
}
.sortable-handle .help-text{
    position: relative;
    top: -15px;
}

body.dragging, body.dragging * {
    cursor: move !important;
  }
  
  .dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
  }
  
  ol.sortable li.placeholder {
    position: relative;
    /** More li styles **/
  }
  ol.sortable li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
  }


/*
// BOOTSTRAP container intervals
@media (min-width: 576px)
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)
@media (min-width: 1400px)
*/