/*Layout & Grid*/
body{ margin: 7%; }
section, header{ margin: 60px 0 60px 0;}
footer{ margin: 100px 0 10px 0; clear: both;}
@media (min-width: 930px) { /*768px*/
  body{ margin: 60px; }
  .col-4{ width: 25%; float: left;}
  .col-2{ width: 50%; float: left;}
  .dis-2{ margin-left: 50%;}
  p{ padding-right: 20px; }
}
.clearfix::after { content: ""; clear: both; display: table;}

/* Colors */
body{
  background-color: #20252b;
  color: #eee;
}
a {color: #e1afff;}

/* Typography */
h2{margin-top: 60px}
body{
  font-family: Helvetica,Arial,sans-serif;
  line-height: 1.5;
}

/* Table */
table{margin-top: 60px; padding-right: 30px; }
td, th {  text-align: left;  padding: 8px; border-radius: 3px;}
tr:nth-child(even) { background-color: rgba(20,20,20,0.66);}
tr:nth-child(odd) { background-color: rgba(20,20,20,0.33);}

/* Listen */
ul {
  list-style-type:none;
  padding-left: 0px;
}

/* ContactBox */
.box{
  padding: 30px;
  background-color: rgba(20,20,20,0.66);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

/* CarbonBagde */
.carbonbadge {
  float: left;
  margin-top: 20px;
}