html {
    scroll-behavior: smooth;
  }
body{
    font-weight: 300;
    background-color: #062F4F;
}
.mr-left{
    margin-left: auto !important;
}
html{
    height: 100%;
    margin: 0;
    padding: 0;
}
.mainTitle{
    height: 10em;
    color: rgb(202, 186, 42);
    background-color: #062F4F;
    align-content: center;
    text-align: center;
    font-family: 'Righteous','cursive';
}
.divider{
    height: 5rem;
    background-color: #062F4F;

}
.navbar-dark .navbar-nav .nav-link{
    color: rgb(202, 186, 42);
}
.navbar{
    color: rgb(202, 186, 42);
    background-color: #062F4F;
    font-family: 'Righteous','cursive';
}
.navbar-dark .navbar-brand{
    color: rgb(202, 186, 42);
}

.navbar-dark .navbar-toggler{
    color: #F0E68C;
    border-color: #F0E68C;
}

.main {
    background-color: #e7e6e6 !important;
    background-image: url("img/merced.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh !important;
    margin-bottom: 0rem !important;
    min-height: 700px;
    padding-bottom: 1.5rem;
}

.divider-custom{
    padding-top: 5%;
    padding-bottom: 5%;
}

.img-icon-1 {
    border-radius: 1%;
    box-shadow: 5px 5px 20px black;
}

.first{
    margin-top: 15px;
}
.main2 {
    background-color: #e7e6e6 !important;
    margin-bottom: 0rem !important;
    padding-bottom: 0rem;
   /* min-height: 100vh;*/
    padding-bottom: 1.5rem;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.img-icon {
    border-radius: 50%;
    box-shadow: 5px 5px 20px black;
  }


.img-fluid{
    max-width: 70%;
    height: auto;
}
.text-black{
    color: #000000;
    font-family: 'Righteous','cursive';
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
.album .py-5 .bg-white{
    background-color: #000000 !important;
    height: 100vh !important;
}

footer {
    justify-content: center;
    padding: 5px;
    background-color: #062F4F;
    color: #000000 !important;
    
}

.text{
    color: rgb(202, 186, 42) !important;
    font-family: 'Righteous','cursive';
}
.text-title{
    text-shadow: 3px 3px 6px #000000;
    color: rgb(202, 186, 42) !important;
    font-family: 'Righteous','cursive';
}
.footer{
    background-color: #000000 !important;

}
.btn-group > .btn:first-child{
    margin-left: 10px;

}
.modal-Cat{
    margin-left: 10px;
    margin-bottom: 3%;
}

.modal-img{
    padding-left: 25%;
}

#clear{
    color: #e7e6e6;
}

.btn-main {
    color: rgb(202, 186, 42);
    background-color: #062F4Fdd;
    background-image: none;
    max-width: 30%;
    border-color: rgb(202, 186, 42);
}

.btn-main:hover{
    color: #f8f9fa;
}
.neg{
    z-index:-1;

}
.fa {
    margin-top: 4%;
    font-size: 20px;
    width: 50px;
    padding: 20px;
    text-decoration: none;
  }
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  .fa:hover {
    opacity: 0.7;
  }
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  .main3 {
    background-color: #e7e6e6 !important;
    margin-bottom: 0rem !important;
    padding-bottom: 1.5rem;
}