  .cropit-preview {
    width: 220px;
    height: 220px;
    border: 2px solid #eee;
    background: #f5f5f5;
    border-radius: 3px 3px 0px 0px;
  }

  .cropit-image-zoom-input {
    width: 220px;
  }

  #cropit-preview {
    width: 450px;
    height: 200px;
    border: 2px solid #eee;
    background: #f5f5f5;
    border-radius: 3px 3px 0px 0px;

  }

  .cropit-preview-logo {
    width: 220px !important;
    height: 220px !important;
    border: 2px solid #eee;
    background: #f5f5f5;
    border-radius: 3px 3px 0px 0px;
    margin-top: 40px;
    text-align: center;
  }

  .cropit-preview-team,
  .cropit-preview-event {
    width: 460px !important;
    height: 220px !important;
    border: 2px solid #eee;
    background: #f5f5f5;
    border-radius: 3px 3px 0px 0px;
    margin-top: 40px;
    text-align: center;

  }

  .team-width,
  .event-width {
    width: 460px !important;
  }

  #logo-image-cropper,
  #large-image-cropper {
    display: inline-block;
  }

  .contain-processes {
    text-align: center;
    padding-top: 1em;
  }

  .modal-logo {
    max-width: 18em;
  }