/* 1. The Foundation */
body { 
    background-color: #FFFDF5; 
    background-image: url(rc_images/cotton_fabric.jpg); 
    background-repeat: repeat; 
    margin: 0; 
    padding: 0; 
}

/* 2. The Logo (Maintains Original Shape) */
#img_55665f04 { 
    float: left; 
    width: 180px !important; 
    height: auto !important; 
    margin: 30px; 
}

/* 3. The Title (Extra Spacing between words) */
#heading_149e2e75 { 
    display: block; 
    text-align: center; 
    margin-top: 60px; 
    font-size: 2.2vw !important; 
    max-width: 80%; 
    margin-left: auto;
    margin-right: auto;
    
    /* These two lines create the "DeBeers" look without manual spaces */
    letter-spacing: 0.15em !important; /* Space between every letter */
    word-spacing: 0.8em !important;   /* Extra space between the words */
    
    font-family: Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase; /* Ensures it stays in ALL CAPS */
}
/* 4. The Links (50% larger font: 11px to ~16px) */
.nav-container { 
    clear: both; 
    width: 100%; 
    text-align: center; 
    padding-top: 80px; 
}

.debeers-link {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16.5px !important; /* 50% larger than the previous 11px */
    color: #888888 !important;
    text-decoration: none !important;
    letter-spacing: 6px !important; /* Wider spacing to match the larger size */
    transition: color 0.4s ease;
}

.debeers-link:hover { 
    color: #000000 !important; 
    cursor: pointer; 
}

.divider {
    color: #cccccc;
    margin: 0 25px;
    font-size: 14px;
}