/* Layout */

.container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 1rem;

}



.row {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.5rem;

}



.col-1 { width: 8.33%; }

.col-2 { width: 16.66%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33%; }

.col-5 { width: 41.66%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33%; }

.col-8 { width: 66.66%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33%; }

.col-11 { width: 91.66%; }

.col-12 { width: 100%; }



.flex-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.section {

  padding: 2rem 0;

  background-color: #ffffff;

}



.navbar {

  display: flex;

  justify-content: space-between;

  padding: 1rem;

  background-color: #000000;

}



.navbar a {

  color: #ffffff;

  padding: 0.5rem 1rem;

  text-decoration: none;

}



.navbar a:hover {

  background-color: #333333;

}