html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}








.pricing .card {
    border: none;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
}

.pricing .card-price {
    font-size: 3rem;
    margin: 0;
}

    .pricing .card-price .period {
        font-size: 0.8rem;
    }

.pricing ul li {
    margin-bottom: 1rem;
}

.pricing .text-muted {
    opacity: 0.7;
}

.pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
    .pricing .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }

        .pricing .card:hover .btn {
            opacity: 1;
        }
}















@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }

    .small-mobile {
        height: 350px;
        width: 350px;
    }



}







.imgres {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: bottom;
}





/*input[type="radio"] {
    display: none;
}

    input[type="radio"]:not(:disabled) ~ label {
        cursor: pointer;
    }

    input[type="radio"]:disabled ~ label {
        color: rgba(188, 194, 191, 1);
        border-color: rgba(188, 194, 191, 1);
        box-shadow: none;
        cursor: not-allowed;
    }*/

label {
    height: 150%;
    display: block;
    background: white;
    /*border: 2px solid rgba(32, 223, 128, 1);*/
   /* border-radius: 20px;*/
    padding: 1rem;
    margin-bottom: 1rem;
    margin-left:1rem;
    text-align: center;
  /*  box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5);*/
    position: relative;
}


input[type="radio"]:checked + label {
    background: #f55858;
    color: #fff;
    /*box-shadow: 0px 0px 20px rgba(0, 255, 128, 0.75);*/
}

/*    input[type="radio"]:checked + label::after {
        color: rgba(61, 63, 67, 1);
        font-family: FontAwesome;
        border: 2px solid rgba(29, 201, 115, 1);
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background: white;
        box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
    }*/


p {
    font-weight: 900;
}

@media only screen and (max-width: 700px) {
    section {
        flex-direction: column;
    }
}


.pricing-container {
    width: 90%;
    max-width: 1170px;
    margin: 4em auto;
}

.pricing-container {
    margin: 6em auto;
}

    .pricing-container.full-width {
        width: 100%;
        max-width: none;
    }

.pricing-switcher {
    text-align: center;
}

    .pricing-switcher .fieldset {
        display: inline-block;
        position: relative;
        padding: 2px;

    }

    .pricing-switcher input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

    .pricing-switcher label {
        position: relative;
        z-index: 1;
        display: inline-block;
        float: left;
        width: 290px;
        height: 80px;
        line-height: 40px;
        cursor: pointer;
        font-size: 1.0rem;
    }

    .pricing-switcher .switch {
        position: absolute;
        top: 2px;
        left: 2px;
        height: 40px;
        width: 90px;

      /*  border-radius: 50em;*/
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        transition: transform 0.5s;
    }

    .pricing-switcher input[type="radio"]:checked + label + .switch,
    .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
        -webkit-transform: translateX(90px);
        -moz-transform: translateX(90px);
        -ms-transform: translateX(90px);
        -o-transform: translateX(90px);
        transform: translateX(90px);
    }