@charset "utf-8";
/* CSS Document */

/* Navbar Size adjustments*/

.navbar {
  min-height: 50px; /*was 120 */
}

.navbar-brand {
  padding: 5px;
  /* padding: 0 15px;v   orig was 0 15 */
  height: 10px; /*was 80 */
  line-height: 45px; /*was 80 probably does more, but changes the padding on the nav name at the top*/
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 10px; /*was 23 */
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 16px; /*was 26.5 */
    padding-bottom: 10px; /*was 26.5 */
    line-height: 14px; /*was 27 */
	font-size: 20px;
  }
}
	.dropdown-menu {
	font-size: 10px;
	}



body {
    font-size: 100%;
}

h1 {
    font-size: 2.5rem;
	font-family: "Times New Roman", Times, serif;
}

h2 {
    font-size: 1.875rem;
	font-family: "Times New Roman", Times, serif;
}

h3 {
    font-size: 3.0rem;
	font-family: "Times New Roman", Times, serif;
}

h4 {
    font-size: 5.0rem;
	font-family: "Times New Roman", Times, serif;
		
}

p {
    font-size: 1.4em;
	font-family: "Times New Roman", Times, serif;
}

 /* Nav adjustments*/
 
 nav {
     width: 100%;
     height: 10px;
     /*background: -webkit-linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);*/
     /*background: -o-linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);*/
     /*background: linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);*/
	 -moz-border-radius: 6px !important;
        }
.nav a{
    color: black !important;
    font-size: 1.6em !important;
    }
.nav li{
    padding-right:25px;
   }
   
   <div class="container">
  <video><source src="video.mp4" type="video/mp4"></video>
</div>

.container{
  position: relative;
  width: 100%


#Two-Up_Pics img {
    padding-left:0px;
    padding-right:0px;
    /* Modifiying the below lines would help you achieve same height for the 2 columns */
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

/* Code for text and image side by side layout - START */
html, body, * {
    padding:0;
    margin:0;
}
#contain {
    background-color:#3b3b40;
    height:100%;/* no need  */
    margin:0;
    padding:0;
    text-align:center;
}
#img {
    padding:0;
    margin:0;
    width:49%;
    min-width:350px;   
    vertical-align:bottom;
}
p {
    width:49%;
    min-width:350px;
    display:inline-block;
    padding:40px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:white;
}

/* Code for text and image side by side layout - END */



/* CSS added for video carousel - start */
         .flex-video {
          position: relative;
          padding-top: 25px;
          padding-bottom: 67.5%;
          height: 0;
          margin-bottom: 16px;
          overflow: hidden;
           }

          .flex-video.widescreen { padding-bottom: 57.25%; }
          .flex-video.vimeo { padding-top: 0; }

          .flex-video iframe,
          .flex-video object,
          .flex-video embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
          }

 @media only screen and (max-device-width: 800px),  
 only screen and (device-width:1024px) and (device-height: 600px), only screen 

 and (width: 1280px) and (orientation: landscape), only screen 

 and (device-width: 800px), only screen and (max-width: 767px) {

 .flex-video { padding-top: 0; }
   }

/* CSS added for video carousel - end */


/* CSS added for Modal Contact Menu - start */

.required {
  color:red; 
  font-weight:bold
} 
.human {margin: 0 0 0 12px}

/* CSS added for Modal Contact Menu - end */