/*
Company: Colore Accesorios S.A. de C.V.
Developer: gadjee.gregory@coloremoda.com
Version: Header 3.0
*/
body{
    margin: 0;
    padding: 0;
    width: 100%;
}
        
@font-face {
  font-family: "monopoly_light";
  src: url("./fonts/monopoly_light.ttf"), url("./fonts/monopoly_light.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-display: fallback;
}
@font-face {
  font-family: "monopoly_bold";
  src: url("./fonts/monopoly_bold.ttf"), url("./fonts/monopoly_bold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-display: fallback;
}

h1{
    font-size: 50px;
    font-weight: 600;
    line-height: 80px;
}

p{
    font-size: 18px;
    color: #999999;
    line-height: 1.8;
    margin-bottom: 0;
}

.tam-letra{
    font-size: 19px;
    
}

.topmargin-xs{
    margin-top: 15px;
}
.topmargin-sm{
    margin-top: 30px;
}
.topmargin-lg{
    margin-top: 60px;
}

.bg-1{
  background-color: #d1cdd0;
}

.btn{
    font-size: 14px;
    padding:15px 26px;
    min-width: 168px;
    border-radius: 5px;
    display: inline-block;
}

.btn-light{
    background-color: #ffffff;
    color: #1a1a1a;
    border: 2px solid #ffffff;
}

.btn-rs{
    font-size: 14px;
    padding:15px 26px;
    min-width: 168px;
    border-radius: 20px;
    display: inline-block;
}


.navbar {
  background-color: #003D9B;
  box-shadow: 0 2px 4px 0 rgba(75, 71, 71, 0.05);
  min-height: 50px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  
}
.navbar ul li a{
    padding: 0.5rem;
    font-size: 13px;
    border-radius: 10px;
    transition: all 0.2s linear;
    letter-spacing: .1rem;
}

.rojo{
    font-size: 13px;
    border-radius: 10px;
    transition: all 0.4s linear;
    letter-spacing: .1rem;
}

.tam-iconos{
    font-size: 21px;
}

.nav-link {
  color: white;
}

.color-face:hover{
    background-color: white  !important;
    color: #3b5998;
}
.color-pin:hover{
    background-color: #c8232c  !important;
    color:  white;
}
.color-insta:hover{
    background-color: #e4405f !important;
    color: white;
}

.color-whats:hover{
    background-color: #25D366 !important;
    color: white;
}
.color-home:hover {
    background-color: #003D9B !important;
    color: white;
  }
.color-red:hover{
    background-color: #ef423a !important;
    color: white;
}

.color-blue:hover{
    background-color: #00BCB4 !important;
    color: white;
}
.color-green:hover{
    background-color: #82BC00 !important; 
    color: white;
}

.color-yellow:hover{
    background-color: #e7aa34 !important;
    color: white;
}

.color-pink:hover{
    background-color: #eb7eac !important;
    color: white;
}
.color-violet:hover{
    background-color: #bb16a3 !important;
    color: white;
}
.color-indigo:hover{
    background-color: #390094 !important;
    color: white;
}

/* Ajustar logo acorde a el tamaño para el header*/
.logo-brand{
    min-width: 160px;
    max-width: 180px;
}

.navbar-toggler{
    font-size: 50px;
}
.navbar-toggler:focus{
    outline: none;
}




@media only screen and (max-width: 836px) {

    .navbar ul li a{
        text-align: center;
        font-size: 15px;
    }
}