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


/*This puts a Vidieo back ground imige  on my web page*/
#bgVidieo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;  
}
/*This puts a fixed back ground imige  on my web page*/
body {
  background: url("../images/wedding event 8.jpg") no-repeat center center fixed;
 -webkit-background-size:cover;
  -moz-background-size: cover;
 -o-background-size: cover; 
  background-size: cover;
}
.navbar-nav.ml-auto .nav-item .nav-link:hover { /* this is for the hover in nav bar*/  
    color: #007bff; /* Change to your desired color */
    background-color: #3D6E9F; /* Change to your desired background color */
  }
.nav-item.dropdown .dropdown-menu .dropdown-item { /* this is the control for the drop down menu. Changes BG color Marin padding ect.*/
  background-color: rgba(59,188,228,1.00);
}
  .nav-item.dropdown .dropdown-menu .dropdown-item:hover { /* this controls the drop down menu text size bg color*/
  color: #007bff; /* Change to your desired color */
  background-color: #9CCBF8; /* Change to your desired background color */
  font-size: 20px;
}

/*----------------------------------------------------------END OF NAVBAR-------------------------------------------------------------------------------------*/

/* this controls the Header "About us" margin padding bg color text in my about Page*/
.container-fluid .header.text-center_about.text-center {
  background-color: rgba(69,115,221,1.00);
  padding-top: 49px;
  padding-bottom: 30px;
  color: rgba(235,222,222,1.00);
  font-style: italic;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 75px;
  text-align: center;
  word-spacing: 10px;
  margin-left: -19px;
  margin-right: -23px;
  margin-top: 88px;
}

/* this contols the footer text size, position, margins and padding. Use this for all css styles in all pages. Will need to adjust the margins.*/

.row_footer_about {
  text-align: center;
  background-color: rgba(5,166,228,1.00);
  margin-top: 2px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 35px;
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-primary {
  padding-top: 19px;
  padding-bottom: 22px;
  padding-left: 66px;
  padding-right: 83px;
  color: rgba(14,13,13,1.00);
  font-style: italic;
  font-size: 30px;
  background-color: rgba(46,165,232,1.00);
  border-width: thick;
  border-radius: 20px;
}
.container-fluid .container .header.text-center_about.text-center-about {
  margin-top: 129px;
  background-color: rgba(0,163,232,1.00);
}
#about_fixed {
  background-color: rgba(0,163,232,1);
  height: 100px;
  width: 30%;
  margin-left: 35%;
  position: relative;
  z-index: 50;
  color: rgba(0,0,0,1.00);
  font-size: 30px;
  text-align: center;
  margin-top: 138px;
  margin-bottom: 18px;
  padding-top: 24px;
  padding-left: 6px;
}