/* Color Palette */
 .flex-palette {
     display: flex;
     gap: 10%;
     flex-wrap: wrap;
}
 .flex-palette .palette-samples {
     width: 40%;
}
 .color-palette {
     padding-right: 15px;
     margin-bottom: 2rem;
     width: 152px;
}
 .color-palette p {
     margin-bottom: 0;
     line-height: 1.125rem;
     margin-top: 8px;
}
 .color-palette.metal {
     margin-bottom: 0;
}
 .circle {
     border-radius: 60%;
     width: 70px;
     height: 70px;
}
 .circle-lg {
     width: 112px;
     height: 112px;
}
 .circle-md {
     width: 75px;
     height: 75px;
}
 .palette-heading {
     margin-bottom: 1.75em;
}
 .main-blue {
     background-color: #182B49;
}
 .main-blue2 {
     background-color: #00629b;
}
 .main-orange {
     background-color: #c69214;
}
 .main-white {
     background-color: #ffffff;
     border: 1px solid #cbcbcb;
}
 .main-yellow {
     background-color: #ffcd00;
}
 .web-dark-blue {
     background-color: #182b49;
}
 .web-light-gray {
     background-color: #afa9a0;
}
 .accent-blue {
     background-color: #00c6d7;
}
 .accent-green {
     background-color: #6e963b;
}
 .accent-yellow {
     background-color: #f3e500;
}
 .accent-orange {
     background-color: #fc8900;
}
 .accent-magenta {
     background-color: #d462ad;
}
 .accent-sand {
     background-color: #f5f0e6;
}
 .neutral-black {
     background-color: #000000;
}
 .neutral-gray {
     background-color: #747678;
}
 .neutral-gray2 {
     background-color: #b6b1a9;
}
 .neutral-white {
     background-color: #ffffff;
     border: 1px solid #bbb;
}
 .metallic {
     background-color: #817551;
}
/* For-Brand-guide*/
 blockquote {
     border-left-color: #FFCD00;
     font-style: italic;
}
 hr {
     margin: 2.5rem 0;
}
 hr + h2, hr + h3 {
     margin-top: -0.5rem;
}
 .floatItems {
     float: left;
     width: 350px;
 margin-left: auto 0;
 margin-right: 20px;
 margin-top: 20px;
}

.floatItems p{
    margin-top: 10px;
}

.clear {clear: both;}