.tool-description-wrapper {
    display: none;
}

.form-border {
    margin: 0 auto;
    max-width: 900px;
}

.tool-description-wrapper {
    max-width: 900px;
}

.crop-wrapper {
    margin-bottom: 2em;
    background-color: rgba(255, 255, 255, 1);;
}

.drag-and-drop-span {
    margin: .2em auto 0;
    text-align: center;
}

.select-image {
    margin: 1em auto 0;
}

.btn-large {
    max-width: 200px;
}

.btn-outline-blue {
    border: 1px solid var(--btn-link-blue);
    background-color: var(--white);
    color: var(--btn-blue);
    transition: .3s;
}

.btn-outline-blue:hover {
    background-color: var(--btn-blue);
    color: var(--light-white);
}

.btn-download-image {
    display: none;
}

.loading-btn {
    display: none;
    align-items: center;
    justify-content: center;
    height: 64px;
}

.btn-reload {
    margin-bottom: 0;
    display: none;
}

.btn-done-crop, .btn-done-crop:hover {
    background-color: #00c9a7;
}

.btn-done-crop {
    height: 64px;
    max-width: 200px;
}

.btn-done-crop:hover {
    cursor: none;
}

.btn.link-primary:hover {
    color: var(--btn-link-blue);
}

.button-group {
    display: none;
}

.upload-image-icon {
    position: absolute;
    right: 2rem;
}

.img-container {
    margin: 2em auto 0;
    width: 90%;
}

.img-container > img {
    display: block;
    max-width: 100%;
}

.cropped-img {
    margin: 0 auto;
    width: 950px;
    max-height: 500px;
}

.cropped-img.contain {
    object-fit: contain;
}

.header {
    text-align: center;
}

.crop-title {
    margin: .5em auto;
    color: #383e45;
}

.txt {
    margin-bottom: 0;
    display: inline-block;
    font-size: 1em;
}

.crop-method {
    text-align: center;
}

.txt, label {
    color: #677788;
}

.form-control {
    display: none;
}

.form-select {
    margin: auto;
    max-width: 450px;
}

.zoom-icon, .upload-image-icon {
    width: 24px;
    height: 24px;
}

.crop-params-input {
    margin: 0 auto 1em;
    display: flex;
    justify-content: center
}

.image-privacy {
    max-width: 400px;
}

.tool-title {
    display: block;
}

body.embedded #header,
body.embedded .feature-description-container,
body.embedded footer, .saved-percent, .savings-span {
    display: none;
}


.img-size-after {
    margin: 0;
}

.converted-span, .savings-span {
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    .upload-image-icon {
        right: 3em;
    }
}

@media screen and (min-width: 768px) {
    .crop-wrapper {
        text-align: center;
    }

    .button-group {
        margin: 0 auto;
        max-width: 400px;
    }

    .crop-method {
        margin: 1em auto;
        max-width: 700px;
        text-align: center;
    }

}

@media screen and (min-width: 968px) {
    .savings-span {
        display: block;
    }

    .desktop-download-icon, .desktop-compare-icon {
        top: .8em;
    }

    .img-size-after {
        margin-left: -1.2em;
    }
}

@media screen and (min-width: 1201px) {
    .tool-description-wrapper {
        max-width: 1140px;
    }
}