style.css

/*
===============================================================================================
Component:  style.CSS
Purpose:    To be used with the cool-shades website. Could potentially override bootstrap styles
Structure:  1) Class styles 2) ID styles. Both by alphabetical Order
Programmer: Ed Constantine
===============================================================================================
*/
/*  ===== STYLES BY CLASS  ===== */
.container
{
    /* justify-content: space-between; */
}

.handsfree_container
{
    /* justify-content: space-between; */
}

.cta
{
  color: white;
}

.fys_cols
{
    text-align: center;
}

.price
{
    font-weight: bold;
    font-size: 18;
}

.nav-link
{
  color: #FFFFFF !important;
  font-weight: bold;
}

.ig-logo
{
    left: 15px;
    bottom: 15px;
    width: 10%;
    position: absolute;
}

a:link
{
    color:red;

}

/*  ===== STYLES BY ID  ===== */

#abvfld_left
{
  max-width: 30%;
  height: 600px;
  color: white;
}

#audioSunglasses
{
  font-style: italic;
  font-weight: bolder;
  font-size: 28px;
  color: white;
}

#mster_fold
{
  background-image: url('img/hero.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

/* #img_container
{
    background-image: url('design-assets/cta-sunglasses.jpg');
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
} */