.take_a_photo {
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
}
.take_a_photo .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.take_a_photo .wpcf7-form-control-wrap input {
    height: 100%;
    width: 100%;
}
.take_a_photo span.button {
    background-color: #efefef;
    color: black;
    border: 0;
    border-radius: 0;
    padding: 0.25em 2em;
    font-size: 1em;
    -webkit-transition: background .75s ease-out;
    transition: background .75s ease-out;
    display: inline-block;
    min-width: 216px;
    text-align: center;
}
/*.take_a_photo span.button:hover {*/
/*    background-color: #0F8B8D;*/
/*}*/
button, input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
}
div.upoad_photo {
    margin-bottom: 1em;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}
@media only screen and (min-width: 768px) {
    div.upoad_photo {
        width: calc(100% - 200px);
    }
    .take_a_photo {
        /*width: 180px;*/
    }
}