/* YOUR CUSTOM STYLES */
.titulos{
   font-family: 'Dancing Script', cursive;
   padding: 5px;
   padding-left: 2rem;
   background: rgba(255, 255, 255, 0.8);
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px; 
   margin-right: -5px !important;
   left:unset !important;
   margin-bottom: 0px;
}
.footer-my{
  
    height: 6%;
    top:0px;
} 
.prefooter-my{
    bottom: 7px;
    position: relative; 
    width: 100%;
    margin-left: 0px !important;
}
.overlay-my{
     background-image:url('../img/overlay-my.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 20%;
    height: 100%;
    z-index: 0;
    
    position: absolute;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform-origin: top inherit;
padding-left: 10%;
padding-top: 40%;
}

/**/
.bg-brown{
    background-color: #2d220e;
    height: 4.7rem;
    position: absolute;
    z-index: 0;
    width: 100%;
}
/*fomulario*/
.my-formulario{
    background-color: #cfb166 !important;
    color:black !important;
    border-radius: 3px !important;
    padding-left: 5px !important;
}
.card-titles{
    padding-top: 20%;
}
.margin-top{
    padding-top: 8%;
}
.line-menu{
    margin-top: 5rem;
    position: absolute; 
    width: 100%;
    margin-left: 0px !important;
}
#my-navs{
    background:none;
    box-shadow:unset;
    top: 4.5rem;
}
.intro_text{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 5px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; 
    right: -2px !important;
    left:unset !important;
    bottom: 10rem;
    width: 50%;
    border: 2px solid #fff;
}
/*RESPONSIVES*/
@media (max-width: 1080px) {
  .rotate,.side_logo, .line-menu {
   display:none;
  }
  .rotateme{
    display:inline-block !important;
  }
  .card-titles, .margin-top{
    padding-top: 0 !important;
  }
  .ml-auto{
        background:#1C2331 !important;
        box-shadow:unset;
        top: 0rem !important;
  }
  #my-navs{
    display:none;
  }
  .intro_text{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 5px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; 
    right: -2px !important;
    left:unset !important;
    bottom: 3rem !important;
    width: 80% !important;
    border: 2px solid #fff;
}
  
   .nav-item{
    font-size: 1rem !important;
   }
}