main.css

*, *::before, *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    height: 100%; /* makes sure our HTML takes up 100% of the browser window */
    font-size: 100%;
}

body {
    font-family: 'Open Sans'; /* sets our font to the "Open Sans" typeface */
    color: white;             /* sets the text color to white */
    min-height: 100%;         /* says the height of the body must be, at minimum, 100% of the window */
}

body.landing {
    background-color: rgb(58,23,63); /* sets the background color to an RGB value (see below) */
}

.navbar {
     padding: 0.5rem;
     background-color: rgb(101,18,95);
 }

 .navbar .logo {
     position: relative; /* positioning will be explained in a resource */
     left: 2rem;
 }
 .hero-content {
     position: relative; /* positioning will be explained in a resource */
     min-height: 600px;  /* hero content element must be _at least_ 600 pixels */
     background-image: url(../assets/images/bloc_jams_bg.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 .selling-points {
    position: relative;
    display: table;
    width: 100%;
     /* we'll explain this in a resource */
}

.point {
    display: table-cell;
    position: relative;
    width: 33.3%;
    padding: 2rem;
    text-align: center;
}

.point .point-title {
    font-size: 1.25rem;
}

.ion-music-note,
.ion-radio-waves,
.ion-iphone {
    color: rgb(233,50,117);
    font-size: 5rem;
}
.container {
     margin: 0 auto;
     max-width: 64rem;
 }
 /* Medium screens (640px) */
 @media (min-width: 640px) {
   html { font-size: 112%; }

      .column {
           float: left;
           padding-left: 1rem;
           padding-right: 1rem;
       }
 }

    .column.full { width: 100%; }
    .column.two-thirds { width: 66.7%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.flow-opposite { float: right; }

 /* Large screens (1024px) */
 @media (min-width: 1024px) {
   html { font-size: 120%; }
 }