a.btn.btn-primary {    padding: 16px 28px;    border-radius: 0;    background: #093d87;    border: none;   box-shadow: 0 4px 5px -3px #333;    transition: 0.5s;    font-weight: bold;transition: ease-out 0.4s;}
a.btn.btn-primary:hover {    box-shadow: inset 0 0 0 50px #3a639f; }

body{
font-family: 'Poppins',  'Montserrat', sans-serif;

}
.site_width{
    max-width:1300px;
}
.flex-group{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.flex-item{
    margin:0 .5rem;
}
.flex-item p{
    font-size:16px !important;
}
p img{
    display:inline-block;
}
.hero-container{
    position: absolute;
    top:10%;
    left:2%;
    width:100%;
}

.swatch{
    width:100px!important;  
    height:100px!important; 
    cursor:pointer;
    display:block;
    margin:10px auto 0;
    text-align: center; 
}