html,
body {
    /*padding-top: 60px;*/ /* 60px to make the container go all the way to the bottom of the topbar always put before responsive and after regular css*/
    height:100%;
}
#footer {
    color: #666;
    /*background: #222;*/
    background: #ffffff;
    /*padding: 2px 0 2px 0;*/
    /*padding: 17px 0 17px 0;*/
    /*padding: 35px 0 0 0;*/
    /*border-top: 1px solid #000;*/
    /*border-top: 1px solid #eeeeee;*/
}
#footer a {
    color: #666666;
}
#copyright {
    margin: 2px 10px 0;
    font-size: 10pt;
    text-align: right;
}
#video_embed {
    margin: auto;
    display: block;
    width: 640px;
    height: 360px;
}
#video_error_message {
    text-align: center;
}
#video_cost_message {
    text-align: center;
}
#video_purchase_information {
    display: block;
    margin: auto;
}
#video_thumbnail_image {
    margin: auto;
    display: block;
    width: 640px;
    height: 360px;
}
#gumroad_link {
    display: table;
    margin: auto;
}
#takefile_link {
    display: table;
    margin: auto;
}
#thumbnail {
    margin-bottom: 25px;
}
#videoCarousel {
    margin: auto;
    width: 720px;
}
@media screen and (max-width: 760px) {
    #videoCarousel {
        margin: auto;
        width: 100%;
    }
}
#carouselImage {
    /* original is height auto */
    height: 300px;
    width: 100%;
}
#footer > div
{
    text-align:right;
    float:right;
    display: inline-block;
    margin: 0;
    border-top: 1px solid #eeeeee;
    width: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    /*height: 100%;*/
    margin: 0 auto -30px;
    /*margin: 0 auto 0;*/
}
@media only screen and (min-width: 1222px)
{
    #copyright
    {
        margin: 0 44px;
    }
}
@media (max-width: 480px) {
    #video_embed {
        margin: auto;
        display: block;
        width: 100%;
        height: 250px;
    }
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    /* to fix weird navbar drop down issue and keep logo in mobile, no 940px */
    width: auto !important;
}
.navbar .brand {
    /* so it doesn't go all the way to the left, changed from -20px */
    margin-left: 0;
}
/** really only comes into effect during resize; must be same as margin wrapper **/
.push {
    /*height: 63px;*/
    height: 30px;
}
/** for hero navbar padding **/
.wrapper > .container {
    padding-top: 60px;
}
/** fix for mobile nav bar li **/
.dropdown-backdrop {
    position: static;
    /* alternate solution: z-index:0 */
}