@charset "UTF-8";

@media (max-width: 1199.98px){
#nav-tabContent #nav-home .btn.btn-primary {
    color: #FFFCFC;
}
.jumbotron .lead {
    color: #FFFFFF;
    text-shadow: 0px 1px 4px rgba(0,0,0,0.40);
    font-weight: 700;
}
.jumbotron {
    min-height: 60vh;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/mm005.JPG);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.card .card-body .card-title {
    font-size: 1.2rem;
}
.card .card-body .card-text {
    font-size: 0.8rem;
}
#nav-tabContent #nav-home p {
    text-align: left;
    font-size: small;
}
.container .row .col-sm-12.col-md-6 {
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.card.h-100 .card-body .btn.btn-primary {
    background-image: -webkit-linear-gradient(270deg,rgba(241,69,28,1.00) 0%,rgba(253,155,79,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(241,69,28,1.00) 0%,rgba(253,155,79,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(241,69,28,1.00) 0%,rgba(253,155,79,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(241,69,28,1.00) 0%,rgba(253,155,79,1.00) 100%);
    border-radius: 20px;
    padding: 10px,20px;
    transition: 0.3s;
    ;
    border-style: none;
    -webkit-box-shadow: 0px 4px 10px rgba(188,177,133,1.00);
    box-shadow: 0px 4px 10px rgba(188,177,133,1.00);
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 18rem;
}
.card.h-100 .card-body .btn.btn-primary:hover  {

    transform: translateY(-2px);
}
body {
    padding-bottom: 140px;
    background-color: #F5F5F7;
}
.container .text-left {
    font-weight: bold;
    font-size: large;
}
.container .row .col-4  {
    padding: 0px;
    text-align: center;
}
.row .col-12 .row.text-center {
    background-color: #FFFFFF;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light a .img-fluid {
    width: 50%;
    height: auto;
}
.row .col-4 .btn-secondary    {
    background-image: -webkit-linear-gradient(89deg,rgba(233,106,0,1.00) 0%,rgba(240,201,159,1.00) 100%);
    background-image: -moz-linear-gradient(89deg,rgba(233,106,0,1.00) 0%,rgba(240,201,159,1.00) 100%);
    background-image: -o-linear-gradient(89deg,rgba(233,106,0,1.00) 0%,rgba(240,201,159,1.00) 100%);
    background-image: linear-gradient(1deg,rgba(233,106,0,1.00) 0%,rgba(240,201,159,1.00) 100%);
    color: #FFFFFF;
    padding: 6px 12px;
    font-weight: 600;
    border-radius: 20px;
    display: inline-block;
    -webkit-box-shadow: 0px 6px 16px rgba(255,106,0,0.38);
    box-shadow: 0px 6px 16px rgba(255,106,0,0.38);
    border-style: none;
    font-size: medium;
    transition: 0.3s;
}
.row .col-4 .btn-secondary:hover     {
    transform: translateY(-2px);
}
.image-row a .rounded-circle.img-fluid {
    display: inline-block;
    width: 3rem;
}
.jumbotron h1 {
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0px 3px 8px rgba(0,0,0,0.40);
}
.fixed-bottom {
    background-color: #2c2c2e;
}
.fixed-bottom .container .p-4.text-center {
    color: #FFFFFF;
}
.row .col-sm-12.col-md-6 .card.h-100 {
    background-color: #ffffff;
    border-radius: 16px;
    border-style: none;
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    margin: 10px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
}
.container.middle {
    margin-bottom: 10px;
}
.container.bottom {
    margin-top: 20px;
}
.col-sm-12.col-md-6 .card.h-100 .card-img-top.img-fluid.rounded-circle {
    display: block;
    width: 28%;
    margin-left: auto;
    padding: 4px;
    margin-right: auto;
    background-image: -webkit-linear-gradient(90deg,rgba(254,218,117,1.00) 0%,rgba(255,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(254,218,117,1.00) 0%,rgba(255,0,0,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(254,218,117,1.00) 0%,rgba(255,0,0,1.00) 100%);
    border-radius: 10px;
    -webkit-box-shadow: 0px 9px 25px rgba(78,74,70,0.40);
    box-shadow: 0px 9px 25px rgba(78,74,70,0.40);
    margin-top: 15px;
}
.fixed-bottom .container .row {
    padding-top: 15px;
}
.col-12 .row.text-center .col-md-6 {
    margin: 0px;
    padding: 0px;
    /* [disabled]width: 100%; */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.row .col-sm-12.col-md-6 .container.insta {
    border-radius: 16px;
    max-width: 90%;
    background-color: #FFFFFF;
    height: 100%;
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    margin-top: 10px;
    padding-top: 10px;
}
.card.col-12 .card-body .btn.btn-primary {
    width: 10rem;
    display: block;
    margin-left: auto;
    padding: 10px,20px;
    margin-right: auto;
    border-radius: 30px;
    border-style: none;
    -webkit-box-shadow: 0px 4px 10px;
    box-shadow: 0px 4px 10px;
    background-image: -webkit-linear-gradient(44deg,rgba(54,209,220,1.00) 0%,rgba(91,134,229,1.00) 100%,rgba(79,91,213,1.00) 100%);
    background-image: -moz-linear-gradient(44deg,rgba(54,209,220,1.00) 0%,rgba(91,134,229,1.00) 100%,rgba(79,91,213,1.00) 100%);
    background-image: -o-linear-gradient(44deg,rgba(54,209,220,1.00) 0%,rgba(91,134,229,1.00) 100%,rgba(79,91,213,1.00) 100%);
    background-image: linear-gradient(46deg,rgba(54,209,220,1.00) 0%,rgba(91,134,229,1.00) 100%,rgba(79,91,213,1.00) 100%);
    transition: 0.3s;
}
.card.col-12 .card-body .btn.btn-primary:hover  {
    transform: translateY(-2px);
}
.col-sm-12.col-md-6 .container.news .card.col-12 {
    margin-top: 0px;
    margin-right: auto;
    padding: 8px;
    border-radius: 16px;
    margin-left: auto;
    margin-bottom: 10px;
    background-color: #F5FBFF;
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    width: 90%;
}
.row .col-sm-12.col-md-6 .container.news {
    padding: 10px 0px 0px;
    max-width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.container .row.menu {
    border-radius: 16px;
    background-color: #FFFFFF;
    /* [disabled]margin-left: 2px; */
    /* [disabled]margin-right: 2px; */
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
}
.container .row.menu .col-6.list-unstyled {
    padding: 5px 0px;
    margin: 0px;
    text-align: center;
}
.row.menu .col-6.list-unstyled .btn-link {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
.social .container-fluid .image-row {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
.col-sm-12.col-md-6 .container.news h3 {
    font-size: 1.2rem;
}
.col-sm-12.col-md-6 .container.insta h3 {
    font-size: 1.2rem;
}
}

@media (min-width: 1200px){
#nav-tabContent #nav-home .btn.btn-sm {
    background-color: #26AB4A;
}
.jumbotron {
    background-image: url(../images/DSCN1428.JPG);
    background-size: cover;
    background-position: center 47%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.card .card-body .card-title {
    font-size: 1.4rem;
    font-weight: bold;
}
.btn-warning {
    width: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.jumbotron .lead {
    color: #FFFCFC;
    font-weight: bold;
}
#nav-home .text-center.mt-2 .img-fluid {
    width: 70%;
}
.btn-primary {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.btn-info {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-info .badge-danger {
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
}
.btn-info .badge-warning {
    padding-left: 5px;
    padding-right: 5px;
}
.col-lg-4 a .btn.btn-primary {
    width: auto;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light a .img-fluid {
    width: 50%;
    height: auto;
}
.container .row.g-1 {
    margin-bottom: 5px;
}
.container-fluid.p-4 .row {
    margin: 0px;
    padding: 0px;
    background-color: hsla(49,24%,86%,1.00);
}
.container-fluid.p-4 {
    padding: 0px;
    margin: 0px;
    background-color: hsla(49,24%,86%,1.00);
}
.social .container-fluid .image-row {
    width: 10%;
    display: block;
}
.image-row a .rounded-circle.img-fluid {
    display: inline-block;
    width: 5%;
}
.social .container-fluid .image-row {
    width: 100%;
}
.jumbotron.mt-5 h1 {
    color: hsla(0,0%,100%,1.00);
    font-weight: bold;
}
.col-md-6 .list-unstyled .btn-link {
    display: block;
}
.jumbotron.mt-5 {
    border-radius: 0px;
}
.jumbotron.mt-5 .display-4 {
    color: hsla(349,91%,50%,1.00);
    font-weight: bold;
    -webkit-box-shadow: 2px 2px;
    box-shadow: 2px 2px;
    text-shadow: 2px 2px 2px hsla(0,0%,100%,1.00);
}
.col-12 .row.text-center .col-md-6 {
    padding: 0px;
}
}

@media (max-width: 575.98px){
.media .media-body .mt-0.mb-1 {
    font-size: 0.9rem;
}
.media .media-body p {
    font-size: 0.8rem;
}
.jumbotron .lead {
    text-align: center;
    color: #FFFFFF;
    font-size: small;
}
nav #nav-tab #nav-home-tab {
    border: thin solid #210404;
}
nav #nav-tab #nav-profile-tab {
    border: thin solid #878383;
}
nav #nav-tab #nav-contact-tab {
    border: thin solid #878383;
}
nav #nav-tab #nav-contact2-tab {
    border: thin solid #878383;
}
.jumbotron {
    background-image: url(../images/mm005.JPG);
}
.btn-info {
    text-align: left;
}
.container .text-left {
    font-weight: bold;
    font-size: large;
}
.container .row p {
    padding-left: 10px;
}
.container .container_campaign {
    padding-left: 18px;
    padding-right: 18px;
}
.container_campaign .row .container_text {
    padding: 0px;
}
.container a .btn-info {
    text-align: center;
}
.container-fluid .text-center {
}
.container .row .col-sm-12.col-md-6 {
    padding: 0px;
    margin: 0px;
    max-width: 100%;
}
.container .row {
    padding: 0px;
    margin: 0px;
}
.row .col-sm-12.col-md-6 .card.h-100 {
    margin: 0px;
    padding: 0px;
    border-style: none;
}
.container {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.row .col-4 .btn-secondary {
    font-size: 10px;
}
.col-sm-12.col-md-6 .card.h-100 .card-img-top.img-fluid.rounded-circle {
    max-width: 26%;
}
}

@media (max-width: 767.98px){
.row .col-md-4.col-12.mt-md-0.mt-2 .img-fluid {
    width: 30%;
}
.jumbotron .display-4 {
    font-size: 2rem;
}
.row .col-sm-12.col-md-4.col-lg-4.mt-md-0.mt-2 .thead-light {
    font-size: 0.7rem;
}
.row .col-sm-12.col-md-4.col-lg-4.mt-md-0.mt-2 .img-fluid.p-2 {
    width: 40%;
}
.jumbotron.mt-5 .align-content-center .btn.btn-primary.btn-lg {
    width: 45%;
}
.btn-success {
    padding: 10px;
}
.row .col-6 p {
    font-size: small;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin-top: 15px;
}
.card.col-sm-12.col-md-6 .card-body .card-title {
    font-size: large;
}
.col-12 .row.text-center .col-md-6 {
    width: 50%;
}
.container .row .col-sm-12.col-md-6 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.col-sm-12.col-md-6 .card.h-100 .card-img-top.img-fluid.rounded-circle {
    width: 30%;
}
.row .col-4 .btn-secondary {
    font-size: 13px;
}
}

@media (max-width: 991.98px){
body footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #FFFFFF;
}
body {
    padding-bottom: 110px;
}
.row.pt-2 .col-4 .btn-secondary {
    border-radius: 20px;
    -webkit-box-shadow: 3px 3px 3px;
    box-shadow: 3px 3px 3px;
}
.col-sm-12.col-md-6 .card.h-100 .card-img-top.img-fluid.rounded-circle {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 9px 25px rgba(78,74,70,0.4);
    box-shadow: 0px 9px 25px rgba(78,74,70,0.4);
    width: 50%;
}
.container .row .col-4  {
    padding: 0px;
    text-align: center;
}
.container .p-4.text-center {
    font-size: 0.6em;
}
}
.jumbotron .title {
    font-size: 18px;
}
@media (min-width: 576px){
.col-md-6.col-12 nav #nav-tab {
    font-size: 1rem;
}
.btn-success {
    text-align: center;
}
.jumbotron .title {
    font-size: 20px;
}
}

@media (min-width:768px){
.jumbotron .title {
    font-size: 34px;
}
}

@media (min-width:992px){
.jumbotron .title {
    font-size: 36px;
}
}