@media (max-width: 576px){
    .navbar {
    display: block;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    }
     .card-deck .card {
         border-color: #F19B2D;
    }
     
    .card-body .btn-outline-secondary-dgc{
        border: 1px solid #F19B2D;
        color: #9b4e0b;
    }
    .card-body .btn-outline-secondary-dgc:hover{
        background-color: #9b4e0b;
        color: #FFF;
    }
     
    p.card-body {
    padding-top: .5em;
    }
    a.tsup{
        text-decoration:underline;
        padding-bottom: 2px;
    }
    .carousel-inner {
	display: none;
    }
    .card-body {
	 text-align: center;
     padding: 0;
     
    }
    .bounceInLeft {
	 margin-top: 2rem;
    }
    .btn {
	 color:#000;
	 }
    .btn[class*="btn-outline-"] {
	padding-top: .3rem;
    margin: 0.3rem 0.3rem;
    max-width: 95%;
}
    .card-title {
	  margin-top: 5px;
    }
    .mtbcontainer {
	 padding-bottom: 1rem;
	 padding-top: 1rem;
    }
     
    .card-body .color-terciario {
	border-bottom: none;
	padding: 0.8rem;
    }
}

@media (max-width: 991px){
    .carousel {
	 margin-top: 0.5rem;
     margin-bottom: 0.5rem;
    }
    .container, .container-sm {
	max-width: 725px;
    }
    .h5, h5 {
	font-size: 0.9rem;
    }
    .card-title {
	 margin:0;
     padding: 2px 0 2px 0;
    }
    .card img {
	height: 100px;
	width: 100%;
    }
    .card-body {
	  padding: 0.25rem;
    }
    .btn[class*="btn-outline-"] {
	padding-top: .4rem;
	padding-bottom: .4rem;
	margin: 0.5rem 0;
    }
    .btn {
    font-size: .7rem;
	font-weight: bold;
    }
    body {
	 font-size: 0.94rem;
    }
}