#topTxt { margin-top: 20px; text-align: center; }
#topTxt h1 { font-size: 22px; color: #0191b4; }
#topTxt h2 { font-size: 21px; margin-bottom: 10px; }
#topTxt p { font-size: 18px; margin-bottom: 0; }

@media (min-width: 576px) {
#topTxt { margin-top: 20px; }
#topTxt h1 { font-size: 45px; }
#topTxt h2 { font-size: 28px; margin-bottom: 1rem; }
#topTxt p { font-size: 21px; margin-top: 1.5rem; }
}

#ico { margin-bottom: 40px; }
.icoImg img { width: 75px; }
a p.icoTit { font-size: 16px; min-height: auto; border-bottom: 1px dashed #ddd; text-align: center; 
	line-height: 18px; margin-bottom: 10px; text-transform: uppercase; color: #666; font-weight: bold; height: 60px; }
a p.icoTxt { min-height: auto; font-size: 16px; line-height: 19px; text-align: center; color: rgba(7,23,29,0.7); margin-bottom: 0; }

@media (min-width: 768px) { 
#ico { margin-bottom: 20px; }
.icoImg img { width: 130px; }
a p.icoTit { font-size: 21px; min-height: 70px; line-height: normal; margin-bottom: 10px; color: #666; font-weight: bold; height: auto; }
a p.icoTxt { min-height: 70px; font-size: 20px; line-height: 26px; margin-bottom: 1.5rem; }
.tdn, a.tdn:hover, a.tdn:focus { text-decoration: none; }
}


#quote { background: gold; color: #fff; padding-top: 40px; padding-bottom: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }
#quote h2{ color: #fff; text-shadow: 0 .2rem .4rem rgba(0,0,0,.3); }

.btn-conoce, .btn-conoce:visited { border-radius: 50px; padding: 10px 20px; line-height: normal; background: #0191b4; color: #fff; font-weight: bold; margin: 10px auto; display: inline-block; letter-spacing: 2px; cursor: pointer; font-size: 22px; }
.btn-conoce:hover, .btn-conoce:focus { background: #35bbca; color: #fff; text-decoration: none; }


#casas { margin: 40px auto; }
#casas h3 { font-size: 20px; font-weight: 700; color: #666; }
.otras ul {
 list-style: none;  padding-left: 1em;  color: #4c5166;  padding: 0; }
.otras li { list-style: none; }
.otras li::before {
 content: '';  display: inline-block;  height: 12px;  width: 12px;  background-image: url(../images/arrowDx.svg); background-size: contain; background-repeat: no-repeat; margin-right: 0.5em; } 
.otras a, .otras a:visited { color: #646a82; }
.otras a:hover, .otras a:focus { color: #0191b4; }

.quieres h2 { font-size: 30px; color: #0191b4; margin-top: 30px; }

.btn-cuidador, .btn-cuidador:visited { border-radius: 50px; padding: 10px 20px; background: #0191b4; color: #fff; font-weight: bold; margin: 10px auto; display: inline-block; letter-spacing: 2px; cursor: pointer; font-size: 22px; }
.btn-cuidador:hover, .btn-cuidador:focus { background: #35bbca; color: #fff; text-decoration: none; }


.btn-asilo, .btn-asilo:visited { border-radius: 50px; padding: 10px 20px; background: gold; color: #755100; font-weight: bold; margin: 10px auto; display: inline-block; letter-spacing: 2px; cursor: pointer; font-size: 22px; }
.btn-asilo:hover, .btn-asilo:focus { background: goldenrod; color: #fff; text-decoration: none; }

@media (min-width: 576px) {
.btn-asilo, .btn-cuidador { width: auto; }
}




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}