﻿@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");

#audio {
    display: none
}

video {
    width: 100%;
}

.panel-pricing {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
    .panel-pricing .panel-heading {
        padding: 5px 5px;
    }

        .panel-pricing .panel-heading .fa {
            margin-top: 10px;
            font-size: 18px;
          
        }

    .panel-pricing .panel-body .fa {   
        margin-top: 1px;
        font-size: 10px;
    }

    .panel-pricing .list-group-item {
        color: #777777;
        border-bottom: 1px solid rgba(250, 250, 250, 0.5);
    }

        .panel-pricing .list-group-item:last-child {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .panel-pricing .list-group-item:first-child {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }

    .panel-pricing .panel-body {
        background-color: #f0f0f0;
        font-size: 40px;
        color: #000000;    
    }

@media only screen and (max-width: 400px) {
    video {
        margin-top: -10px;
        width: 100%;
        height: 220px;
    }
}

@media only screen and (min-width: 1100px) {
    video {
        margin-top: -10px;
        height: 500px;
    }
}

@media only screen and (min-width: 1600px) {
    video {        
        height: 700px;
    }
}