.line{
  height: 3px;
  width: 100vw;
  max-width: 900px;
  background: linear-gradient(to right, rgba(192,192,192,0.7), rgba(255,255,255,0.7));
  background-color: black;
}

#about{
  padding-bottom: 30px;
}

.row {
   width: 96%;
   max-width: 1008px;
   margin: 0 auto;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.backs:not(.can){
  width: 90%;
   position: relative;
   padding: 0 20px;
   min-height: 1px;
   margin: auto;
   float: none;
}

#abou div div{
  width: 80%;
  margin: auto;
}

#about div div .button, #abou div div .button{
  -webkit-box-shadow: 3px 3px 5px #000;
}

#abou div div .button{
  background-color: rgba(248, 181, 0, 0.7);
  color: #000;
  font-weight: bold;
}

#abou div div .button:hover{
  background-color: rgb(248, 181, 0);
}

#about div:nth-child(1) div:nth-child(1) .button{
  background-color: rgba(255, 0, 0, 0.7);
  color:#fff;
}

#about div:nth-child(1) div:nth-child(2) .button{
  background-color: rgba(255, 255, 0, 0.7);
  color:black;
}

#about div:nth-child(1) div:nth-child(3) .button{
  background-color: rgba(0, 255, 255, 0.7);
    color:black;
}

#about div:nth-child(1) div:nth-child(4) .button{
  background-color: rgba(0, 255, 0, 0.7);
  color:black;
}

#about div:nth-child(2) div:nth-child(1) .button{
  background-color: rgba(0, 0, 225, 0.7);
  color:#fff;
}

#about div:nth-child(2) div:nth-child(2) .button{
  background-color: rgba(0, 128, 128, 0.7);
  color:#fff;
}

#about div:nth-child(2) div:nth-child(3) .button{
  background-color: rgba(247, 141, 239, 0.7);
    color:black;
}

#about div:nth-child(2) div:nth-child(4) .button{
  background-color: rgba(128, 0, 128, 0.7);
  color:#fff;
}

#about div:nth-child(1) div:nth-child(1) .button:hover{
  background-color: rgb(255, 0, 0);
  color:#fff;
}

#about div:nth-child(1) div:nth-child(2) .button:hover{
  background-color: rgb(255, 255, 0);
  color:black;
}

#about div:nth-child(1) div:nth-child(3) .button:hover{
  background-color: rgb(0, 255, 255);
    color:black;
}

#about div:nth-child(1) div:nth-child(4) .button:hover{
  background-color: rgb(0, 255, 0);
  color:black;
}

#about div:nth-child(2) div:nth-child(1) .button:hover{
  background-color: rgb(0, 0, 225);
  color:#fff;
}

#about div:nth-child(2) div:nth-child(2) .button:hover{
  background-color: rgb(0, 128, 128);
  color:#fff;
}

#about div:nth-child(2) div:nth-child(3) .button:hover{
  background-color: rgb(247, 141, 239);
  color:#fff;
}

#about div:nth-child(2) div:nth-child(4) .button:hover{
  background-color: rgb(128, 0, 128);
  color:#fff;
}

.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
   font: 14px/24px 'montserrat-bold', sans-serif;
   /*background: #000;*/
   color: #fff;
   display: inline-block;
	text-decoration: none;
   letter-spacing: 0;
	padding: 12px 20px;
	margin-bottom: 18px;
   border: none;
   cursor: pointer;
   height: auto;

   -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

   border-radius: 3px;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
   /*background: #2c9fe5;*/
   color: #fff;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
   /*background: #2c9fe5;*/
   color: #fff;
}

/*
.row .backs {
    width: 25%;
}
*/

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}