.card-header {
border-bottom: 0px;
}

.card-body {
padding: 0 1rem;
}

.freezePage{
overflow: hidden;
height: 100%;
position: relative;
}

.modal {
-webkit-overflow-scrolling: touch;
}

.modal-body {
max-height: calc(100vh - 230px);
overflow-y: auto;
}

.photo {
background-position: center;
background-size: cover;
height: 100%;
width: 100%;
}

@media (min-width: 1px) {
.photo {
height: 150px;
}
}

@media (min-width: 576px) {
.photo {
min-height: 150px;
}
}

@media (min-width: 768px) {
.photo {
min-height: 250px;
}
}

@media (min-width: 992px) {
.photo {
min-height: 350px;
}
}