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

body {
  background: url("../images/barreaort.jpg") no-repeat center center fixed;
 -webkit-background-size:cover;
  -moz-background-size: cover;
 -o-background-size: cover; 
  background-size: cover;
}

.container-fluid #background { /* this is for the Background color of the Nav Bar*/
  background-color: rgba(72,186,235,1.00);
  background-image: -webkit-linear-gradient(270deg,rgba(45,170,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(45,170,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(45,170,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(45,170,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
}

/* this controls my Navbar  background color margins and padding moves the text  in my index, page*/
.container-fluid .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
  background-image: -webkit-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  margin-top: -2px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 21px;
}

/*this controls my navbar buttons( BG Color, text color,shape and size, Padding and Margins on My index Page)*/
.navbar-nav.ml-auto .nav-item .nav-link {
  color: rgba(229,236,244,1.00);
  font-size: 20px;
  word-spacing: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 83px;
 }
background .navbar-brand .img-fluid {
  margin-top: 8px;
  padding-top: 0px;
  padding-right: 0px;
}
.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 */
  }



.container-fluid .container .form {
  margin-top: -136px;
  margin-left: 0px;
  background-color: rgba(74,145,171,1.00);
  padding-left: 74px;
  padding-top: 72px;
  padding-bottom: 32px;
  margin-bottom: -50px;
  padding-right: 74px;
}




.container-fluid footer .row_bar {
  text-align: center;
  background-color: rgba(5,166,228,1.00);
  margin-top: -54px;
  padding-top: 24px;
  padding-bottom: 20px;
  font-size: 30px;
  margin-bottom: 0px;
  color: rgba(240,227,227,1.00);
} 
/* This controls my my Header (Bars and Resorts) position (margin and padding in my bars pag*/  
  
.container-fluid div .text-center-bar.text-center {
  margin-top: 134px;
  margin-bottom: 73px;
  background-color: rgba(188,226,243,1.00);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: -18px;
  margin-right: -24px;
  font-size: 50px;
  color: rgba(252,242,242,1.00);
}
  
  .card.col-md-4.col-xl-12 .card-body .btn.btn-lg:hover {
    background-color: rgba(69,139,139,0.78);
    text-decoration: underline;
  }

.card.col-md-4.col-xl-12 .card-body .btn.btn-lg {
  background-color: rgba(45,152,199,1.00);
  margin-left: 198px;
  padding-top: 19px;
  padding-bottom: 18px;
  color: rgba(240,217,217,1.00);
  border-radius: 20px;
  border: 4px solid rgba(8,8,160,1.00);
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-primary {
  background-color: rgba(45,152,199,1.00);
  margin-left: 198px;
  padding-top: 19px;
  padding-bottom: 18px;
}



/* this controls my card heading in the card bos*/
.card.col-md-4.col-xl-12 .card-body .card-title.text-center {
  background-color: rgba(53,118,187,1.00);
  padding-top: 17px;
  padding-bottom: 17px;
  margin-top: 14px;
  color: rgba(245,229,230,1.00);
  font-size: 25px;
  margin-bottom: 25px;
}

/* This controls my text in the card page (Descreption)*/
.card.col-md-4.col-xl-12 .card-body .card-text-bar {
  font-size: 25px;
}
.container-fluid .row {
  margin-top: -75px;
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-lg {
  padding-top: 9px;
  padding-left: 13px;
  margin-top: 5px;
  margin-left: 278px;
}
.section {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 26px;
  margin-top: -33px;
}
.section-3 {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 26px;
  margin-top: -3px;
}

.section-4 {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 46px;
  margin-top: -32px;
}
.section-5 {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 53px;
  margin-top: -23px;
}