body {
    font-family: Lato
}

html {
    scroll-behavior: smooth;
  }
  
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Play', sans-serif;
  /*  font-family: Catamaran;
    font-weight: 800 !important*/
}

.navbar-personalizado{
    padding-top     : 1rem;
    padding-bottom  : 1rem;
    background-color: rgba(0, 0, 0, .7)
}


.ls-personalizado{
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    color:rgba(255, 255, 255);
    font-size     : 1rem;
    letter-spacing: .1rem;
    font-weight   : 300;
    padding-left: 2rem;
    
}

#navbarResponsive2{
   
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    font-size     : 1rem;
    letter-spacing: .1rem;
    font-weight   : 300;
}

.navbar-brand{
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    color:rgba(255, 255, 255);
    font-size     : 1rem;
    letter-spacing: .1rem;
    font-weight   : 700;
    padding-left: 1.5rem;
    
}

.bg-special{
    background-color: rgba(132, 17, 36, 1);
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
}

.sub{ 
    width: calc(100% - 10px); 
    margin-left: 0px; 
    height: 2px; 
    background:#ffffff;
    position:relative; 
  }

.btn-xl {
    text-transform: uppercase;
    
    padding       : 1.5rem 3rem;
    font-size     : 1.2rem;
    font-weight   : 700;
    letter-spacing: .1rem
    
}

.bg-black {
    background-color: #000 !important
}

.rounded-pill {
    border-radius: 3rem
}

.navbar-custom {
    padding-top     : 1rem;
    padding-bottom  : 1rem;
    background-color: rgba(0, 0, 0, .5)
}

.navbar-custom .navbar-brand {
    text-transform: uppercase;
    color:rgba(255, 255, 255);
    font-size     : 1.6rem;
    letter-spacing: .1rem;
    
    font-weight   : 700
    
}

.navbar-custom .navbar-nav .nav-item .nav-link {
    
    text-transform: uppercase;
    font-size     : .86rem;
    font-weight   : 700;    
    letter-spacing: .1rem
}

header.masthead {
    position             : relative;
    overflow             : hidden;
    padding-top          : calc(7rem + 72px);
    padding-bottom       : 5rem;
    background-image: url(/img/PAGINAMRCHEF/1\ PUBLICACION\ \(3\).jpg);
    opacity: .8;
    /* background           : linear-gradient(0deg, #66a9df 0%, #4860a7 30%); */
    /*background: url(../img/MR.jpg);*/
    background-repeat    : no-repeat;
    background-position  : center center; /*PARA CENTRAR*/
    background-attachment: scroll; /*Muestra siempre la barra*/
    background-size      : cover /*Se reescala automaticamente al ancho*/
}

header.masthead .masthead-content {
    z-index : 1;
    position: relative
}

header.masthead .masthead-content .masthead-heading {
    font-size: 4rem;
    -webkit-text-stroke: 3px black;
}

header.masthead .masthead-content .masthead-subheading {
    font-size: 2rem
}

header.masthead .masthead-content .masthead-subheading2 {
    font-size: 2rem;
    -webkit-text-stroke: 1.5px black;
}

header.masthead .bg-circle {
    z-index      : 0;
    position     : absolute;
    border-radius: 25%;
    background   : linear-gradient(0deg, #411229 0, #024b5e 100%)
}

header.masthead .bg-circle-1 {
    height: 90rem;
    width : 90rem;
    bottom: -55rem;
    left  : -55rem
}

header.masthead .bg-circle-2 {
    height: 50rem;
    width : 50rem;
    top   : -25rem;
    right : -25rem
}

header.masthead .bg-circle-3 {
    height: 20rem;
    width : 20rem;
    bottom: -10rem;
    right : 5%
}

header.masthead .bg-circle-4 {
    height: 30rem;
    width : 30rem;
    top   : -5rem;
    right : 35%
}

@media (min-width:992px) {
    header.masthead {
        padding-top   : calc(3rem + 55px);
        padding-bottom: 1rem
    }

    header.masthead .masthead-content .masthead-heading {
        font-size: 6rem
    }

    header.masthead .masthead-content .masthead-subheading {
        font-size: 4rem
    }
    
    
}

#Puntodeventa .col-lg-6 img{
   max-width: 100%;
   width: 100%;
   position:relative;
   top:50px;
  }
 
#mrchef{
max-width: 100%;
width: 100%;
position:relative;
top:0px;
}

#textmr{
    font-size: 125%;
    font-family: 'Play', sans-serif;
}

#textmrch{
    font-size: 125%;
    font-family: 'Play', sans-serif;
}

.bg-primary {
    background-color: #000000 !important
}

.btn-primary {
    background-color: #002a75;
    border-color    : #002a75
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #ffffff !important;
    color:rgb(0, 0, 0);
    border-color    : #ffffff !important
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.5)
}

.btn-secondary {
    background-color: #ff6a00;
    border-color    : #ff6a00
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #c50 !important;
    border-color    : #c50 !important
}

.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5)
}


@media (min-width:230.98px) {
    #logo1{
        width: 25px;
        height: 20px;
     }


    #logofooter{
        margin-top: auto;
     }
 


    footer{
        margin-top: calc(100vh - 475px);
    }
    
    
    #correo{
        font-size     : .8rem;
    }


    #titulos{
        font-size: 1.5rem;
    }

    #video{
        width: 80%;
    }

    #soft{
        font-size: 2.05rem;
    }
    
}

@media (min-width:250.98px) { 
    #logofooter{
        margin-top: auto;
     }

    footer{
        margin-top: calc(100vh - 700px);
    }
 
    #titulos{
        font-size: 2rem;
    }

    #video{
        width: 90%;
    }

    #soft{
        font-size: 2.2rem;
    }
    
    

}


@media (min-width:575px) { 
    #logofooter{
       margin-top: auto;
    }

    footer{
        margin-top: calc(100vh - 700px);
    }

    #soft{
        font-size: 4rem;
    }
    
    #logo1{
        width: 25px;
        height: 20px;
     }
   
}



@media (min-width: 767.98px) { 
    #logofooter{
        margin-top: 2;
    }
    footer{
        margin-top: calc(100vh - 750px);
    }

    
}

@media (min-width: 991.98px) and (min-height:500px) { 
    footer{
        margin-top: calc(100vh - 525px);
    }
    
    .logofooter{
        margin-top: 2;
    }

        
 }

@media (min-width: 991.98px) and (min-height:800px) { 
    footer{
        margin-top: calc(100vh - 750px);
    }
    
    .logofooter{
        margin-top: 2;
    }

        
 }