body {
   user-select: none;
   font-family: 'Raleway';
   font-weight: 500;
  }
    
    @media screen and (max-width: 567px) {
      #logo {
        text-align: center;
        padding-left: 0px !important;
      }
      h2 {
        padding-left: 0px !important;
      }
    }
  
    h2 {
      text-align: center; padding-top: 50px; font-size: 24px; font-family: 'Raleway'; font-weight: bold;
    }
  
    #headerRow {
      height: 44px;
      background-color: #d1c386;
      margin-bottom: 30px;
    }
    
  .custom-control-label {
    cursor: pointer;
  }

  .badge {
    padding: 6px;
  }

  .bootbox-body {
      font-weight: 400 !important;
      font-size: 1em;
  }

#drag-elements1, #drag-elements2, #drag-elements3, #drag-elements4 {
  display: block;
  background-color: #e7e1bb;
  border-radius: 5px;
  min-height: 50px;
  margin: 0 auto;
  padding: 2em;
  cursor: pointer;
}


.drop-target {
  border: 2px dashed #bbb;
  border-radius: 5px;
  height: 40px;
  width: 180px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.first {
  background: url("choice.png");
}

.second {
  background-image: url("second.png");
}


.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.gu-mirror {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}