* {
    margin: 0;
    padding: 0;
}

body {
    display: table-cell;
    vertical-align: middle;
}

.center {
        margin: auto;
        width: 30%;
        padding: 10px;
      }

.div12 {
    border-color: #3f7c9d;
      width: 1600px;
      float: center;
      border-style: solid;
      padding: 20px;
      margin: 0px auto;
      text-align: center;
      }

/* =-=-=-=-=-=-=
=-=- CANVAS -=-=
-=-=-=-=-=-=- */

    header#canvas {
      width: 40.2vw;
      height: 12.2vw;
	  }

    header#canvas-3 {
      width: 40.2vw;
      height: 12.2vw;
    }

    header#canvas-4 {
      width: 40.2vw;
      height: 1.5vw;
    }

    header#canvas-5 {
      width: 40.2vw;
      height: 1.5vw;
    }

    header#canvas-6 {
      width: 40.2vw;
      height: 1.5vw;
    }

    header#canvas-2A {
      width: 40.2vw;
      height: 1.5vw;
    }

    section {
          width: 66%;
          height: 100%;
          float: inherit;
    }


    article {
          width: 90%;
          height: 90%;
          margin-top: 1%;
          margin-left: 6%;
          float: left;
    }


    figure {
          width: 90%;
          height: 15%;
          margin-top: 4%;
    }

/*=-=-=-=-=-=-=-=-=-=-=
=-=- COLOR CLASSES -=-=
-=-=-=-=-=-=-=-=-=-= */

    .mellow {
          background-color: #dedc00;
    }

    .orange {
          background-color: #fab900;
    }

    .red {
          background-color: #e42b0c;
    }
  
    .white {
          background-color: #cccccc;
    }

    .green {
          background-color: #b4cb00;
    }

    .blue {
          background-color: #133d91;
    }

    .green {
          background-color: #b4cb00;
    }

    .pink {
          background-color: #f095b4;
    }

    .black {
          background-color: #2a2a2a;
    }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=- CSS PSEUDO-CLASS HOVER STATES -=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

.mellow:hover {
        background-color: black;
}

.orange:hover {
          background-color: white;
    }

.red:hover {
        background-color: pink;
}

.white:hover {
        background-color: purple;
}

.green:hover {
        background-color: blue;
}

.blue:hover {
        background-color: green;
}

.green:hover {
        background-color: yellow;
}

.pink:hover {
        background-color: blue;
}

.black:hover {
        background-color: purple;
}