/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
	background-color: beige;
}
.clsabt{
    height:auto;
    width:90%
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding: 0px;
    background-color: #2e8bd61f;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.clsMBanner {
    padding: 15px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}
.imgholder{
    height:100px !important;
}
.centered-table th, .centered-table td {
    padding: 1px !important;
}
.clsname{
    font-size:9pt !important
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
	background-color: #2e8bd61f;
    }
 .clsMBanner {
        padding: 0px;
    }
    .clsabt {
        height: 550px;
        width: auto
    }
    .imgholder {
        height: 145px !important;
    }
    .centered-table th, .centered-table td {
        padding: 8px !important;
    }
    .clsname {
        font-size: 11pt !important
    }
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
background-color:antiquewhite !important
}

/* Extra small devices (phones, portrait) */

@media (max-width: 380px) {
    .clsvideo {
        width: 90%;
        margin-top: 15px
    }
}
@media (min-width: 380px) and (max-width: 480px) {
    .clsvideo {
        width: 90%;
        margin-top: 15px;
	height: 212px !important
    }
    .clsgold {
        margin-top: 15px;
        margin-right: 10px
    }
}

/* Small devices (phones, landscape) */
@media (min-width: 480px) and (max-width: 767px) {
    .clsvideo {
        width: 90%;
        margin-top: 15px;
	height: 212px !important
    }
    .clsgold {
        margin-top: 15px;
        margin-right: 10px
    }
    .clsVid {
        padding-right: 0px !important
    }
}


/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 990px) {
    .clsvideo {
        width: 646px;
        margin-top: 15px
    }
    .clsgold {
        margin-top: 15px;
        margin-right: 10px
    }
    
}

@media (min-width: 991px) and (max-width: 1100px) {
    .clsvideo {
        width: 100%;
    }
}

/* Large devices (laptops/desktops) */
@media (min-width: 1024px) and (max-width: 1200px) {
    .clsvideo {
        width: 100%
    }
}

/* Large devices (laptops/desktops) */
@media (min-width: 1200px) and (max-width: 1227px) {
    .clsvideo {
        width: 100%
    }
}
/* Extra large devices (large desktops) */
@media (min-width: 1227px) {
    .clsvideo {
        width: 100%
    }
   
}