html, body { margin:0; background:#f1f1f1 !important; font-family: 'blogger_sansregular', sans-serif !important; 
  font-size:1.4vw; line-height: 2.6vw; letter-spacing: 1px; scroll-behavior: smooth }
a { text-decoration:none; }
body { background: url(fondo.jpg) no-repeat center; background-size:cover; }
h1, h2, h3 { font-family: 'blogger_sansbold', sans-serif !important;  } 
h1 { font-size:3.6vw; line-height:3.8vw;  margin-bottom:10%; letter-spacing: .5px; }
h2 { font-size:3.4vw; line-height: 3.3vw; margin-bottom: 4.5%; }
p  {  }
b { font-family: 'blogger_sansbold', sans-serif !important;  }
ul.menu { width:100%; min-height:auto; }
ul.menu {  }
ul.menu li { text-align: center; width:100%; margin-bottom:10px; display:inline;  }
ul.menu li a { color:#5f5f5f; }
ul.menu li a:hover { opacity: .7; }
.esconde { border-radius:15px; margin:10px; }

h3 { color:#201e5a; }
section { width:100%; height:auto; padding:75px 0; line-height:100%; position: relative; z-index: 5;}
.col-sm-4_ { width:30%; min-height:210px; font-size: 18px; line-height: 20px; display:inline-block; 
             position: relative; margin:15px; overflow: hidden; position:relative; z-index:50; }
.panel { width:190px; position:absolute; top:0px; left:0px; height:100%; background: rgb(37, 99, 130, .7); color:#fff; padding:20px; }
.medicos { background: url(azul.jpg) no-repeat center top; background-size:cover; color:#fff; margin-top:-90px; }
.contacto { color:#5f5f5f; }
.contacto a { color:#5f5f5f; font-family: 'blogger_sansbold', sans-serif !important; }
.em {  font-size:16px; font-weight:500; line-height:22px; }
.pareja { position:absolute; bottom:0; right:15%; z-index:10; }
footer { background:#03045e; width:100%; padding:20px 5%; color:#fff; }
footer a { color:#fff; }

.mar_ { margin-top:-65vh; position:relative; z-index:20; color:#03045e; }
.padd { padding-top:190px; }
.pill { display:inline-block; vertical-align:middle ; width:100%; }
h2.upper { display:inline-block; vertical-align:middle ; text-transform: uppercase; width:74%;   margin-bottom: 0%;  } 
.paleta { display:block; margin:45px auto; }
.upper { text-transform:uppercase; }
.intro-p { color:#03045e; max-width:50%; margin:50px auto; display:block; text-align:center; }
.intro-p_ { color:#03045e; max-width:350px; font-size: 24px; line-height: 26px; margin:50px auto; display:block; text-align:center; }
.panel1 { background: url(panel1.jpg) no-repeat center; background-size:cover; }
.panel2 { background: url(panel2.jpg) no-repeat center; background-size:cover; }
.panel3 { background: url(panel3.jpg) no-repeat center; background-size:cover; }

.paw { position:absolute; right:15px; bottom:15px; }
.gatito { width:100%; }

.carousel {
  max-width: 90%;
  margin: 125px auto;
  height: auto;
}

.carousel-cell {
  width: 33%;
  height: 480px !important;
  margin-right: 10px;
  border-radius: 5px;
  padding: 5%;
} 

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #fff;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
    background: #e78c09;
}

.flickity-button {
    position: absolute;
    background: hsla(0,0%,100%,.75);
    border: none;
    color: #008cc3;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 10px;
}

.flickity-prev-next-button {
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    transform: translateY(-50%);
}


.order-1 { order: 2 !important; }
.order-2 { order: 1 !important; }
.order-3 { order: 3 !important; }


@media only screen and (max-width: 690px) {
  .logo { width:50%; margin:25px auto -25px auto; }
        .gatito { width:50%; }
        .burger {cursor: pointer; position: absolute; top: 0px; right: 25px; display: inline; }
        .logo-top { display:block; margin:20px auto 25px auto; width:20%; }
        .p50 { padding-top:150px; }
        h1 { font-size:34px; line-height: 32px; }
        h2 { font-size:28px; line-height: 28px; }
        h3 { font-size:24px; line-height: 26px; }
        body  { font-size:18px; line-height: 24px; color:#000; }
        .medicos { padding:10% 5%; }
        .pareja { position:relative; bottom:0; right:15%; z-index:10; }
        .col-sm-4_ { width:90%; min-height:210px; font-size: 18px; line-height: 20px; display:block; 
             position: relative; margin:15px auto; overflow: hidden; position:relative; z-index:50; }
           
.mar_ {
    margin-top: 50px;
    position: relative;
    z-index: 20;
    color: #03045e;
}

.padd {
    padding-top: 10px;
}

.pill {
    display: inline-block;
    vertical-align: middle;
    width: 25%; margin-bottom: 25px;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 290px !important;
}
.contacto { padding:10% 5%; }
.intro-p {
    color: #03045e;
    max-width: 90%;
    margin: 50px auto;
    display: block;
    text-align: center;
}
h2.upper {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0%;
}

.carousel-cell h4  { font-size:24px; }
 .carousel-cell {
  width: 100%;
} 
.flickity-prev-next-button {
    top: 110%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    transform: translateY(-50%);
}


.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.row { background:none !important; }
}