/* use this for image central alignment */
.middle {
    text-align: center;
}

.size-120 {
    zoom: 120%
}

.size-110 {
    zoom: 110%
}

.size-100 {
    zoom: 100%
}

.size-95 {
    zoom: 95%;
}

.size-90 {
    zoom: 90%
}

.size-80 {
    zoom: 80%
}

.size-75 {
    zoom: 75%
}

.size-70 {
    zoom: 70%
}

.size-65 {
    zoom: 65%
}

.size-60 {
    zoom: 60%
}

.size-50 {
    zoom: 50%
}

.size-40 {
    zoom: 40%
}

.size-35 {
    zoom: 35%
}

.size-30 {
    zoom: 30%
}

.size-25 {
    zoom: 25%
}

.size-23 {
    zoom: 23%
}

.size-21 {
    zoom: 21%
}

.size-20 {
    zoom: 20%
}

.size-18 {
    zoom: 18%
}

.size-15 {
    zoom: 15%
}

.size-13 {
    zoom: 13%;
}

.size-10 {
    zoom: 10%
}

.blur {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0;
    max-width: 100%;
}

.blur_mid {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 14px 0;
    max-width: 500px;
}

.tv {
    position: relative;
    /*width: 350px;*/
    /*height: 550px;*/
    background: white;
    border-radius: 0% 0% 0% 0% / 0% 0% 0% 0%;
    color: white;
    box-shadow: 20px 20px rgba(0, 0, 0, .15);
    transition: all .4s ease;
}

.tv:hover {
    border-radius: 0% 0% 50% 50% / 0% 0% 5% 5%;
    box-shadow: 10px 10px rgba(0, 0, 0, .25);
}