#band{
  /* border: 1px solid #000; */
}

body{
}

.row{
  /* border: 1px solid #000; */
}

#cc-window{
  display: block;
  position: relative;
  /* bottom: 20px; */
  z-index: 100;
  text-align: center;
  /* padding: 10px; */
  /* border-radius: 5px; */
  /* box-shadow: 4px 4px 10px rgba(30,30,30, 0.2); */
  /* left: 50%; */
  /* transform: translate(-50%, 0); */
}

#cc-content{
  display: inline-block;
  box-shadow: 4px 4px 10px rgba(30,30,30, 0.2);
  width: auto;
  background: white;
  padding: 10px;
  margin: 15px;
  margin-bottom: -25px;
  margin-top: 25px;

  border-radius: 10px;
  background: #ffffff;
  box-shadow:  8px 8px 16px #d9d9d9,
               -8px -8px 16px #ffffff;
}

@media (max-width:600px){

  #cc-content{
    margin-bottom: -5px;
  }

}

#cc-dismiss, #cc-learn{
  display:inline-block;
  margin: 4px;
  padding: 4px;
  border-radius: 7px;
  box-shadow: 2px 2px 10px rgba(30,30,30, 0.2);
  color: #eee;
  transition: all 0.2s ease-in-out;
  border:none;
}

#cc-dismiss{
  background: rgb(57,135,255);
  background: linear-gradient(318deg, rgba(57,135,255,1) 0%, rgba(143,99,255,1) 100%);
}

#cc-learn{
  background: rgb(181,181,181);
}

#cc-dismiss:hover{
  transform: scale(1.05);
}

#cc-learn:hover{
  transform: scale(1.05);
  background: rgb(64,179,0);
}

#cc-dismiss:active, #cc-learn:active{
  transform: scale(0.95);
}

#wts1236774{
  display:none !important;
}

#stats{
  display:none !important;
}

.fillfull{
  margin:0px;
  padding:0px;
}

.htile{
  margin:5px;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 5px;
  color:#fefefe;
  box-shadow: 4px 4px 10px #ddd;
}

.right-link{
  text-transform:uppercase;
  font-weight:600;
  font-size:12px;
}

.about{
  background: rgb(57,135,255);
  background: linear-gradient(318deg, rgba(57,135,255,1) 0%, rgba(143,99,255,1) 100%);
  color:#fff;
}

.summary{
  background: rgb(245,229,0);
  background: linear-gradient(140deg, rgba(245,229,0,1) 0%, rgba(248,212,16,1) 6%, rgba(255,171,52,1) 100%);
}

.no-padding{
  padding: 0px !important;
}

.projects{
  background: rgb(64,179,0);
  background: linear-gradient(318deg, rgba(64,179,0,1) 0%, rgba(106,224,0,1) 100%);
  transition: all 0.2s ease-in-out;
}

.projects:hover{
  transform:scale(1.03);
}

.hire{
  background: rgb(201,0,170);
  background: linear-gradient(318deg, rgba(201,0,170,1) 0%, rgba(224,0,87,1) 100%);
  transition: all 0.2s ease-in-out;
}

.hire:hover{
  transform:scale(1.03);
}

.contact{
  background: rgb(255,127,70);
  background: linear-gradient(140deg, rgba(255,127,70,1) 0%, rgba(255,95,62,1) 100%);
}

.excitations, .status{
  background: rgb(65,186,231);
  background: linear-gradient(to bottom right, rgb(46,187,187), rgb(65,186,231));
}

.htile ul{
  padding-left:7px;
  list-style:circle;
}

.htile h3{
  margin-top: 5px !important;
  font-weight: 400 !important;
  margin-bottom: -15px !important;
}

.htile h4{
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  margin-top: 0px !important;
}

.label{
  margin:5px;
  margin-right: 5px;
  display: inline-block;
  font-size: 10px;
  text-transform:uppercase;
  background:#fff !important;
  color:rgb(41,41,41) !important;
  border-radius: 10px;
  box-shadow: 4px 4px 3px rgba(100,100,100,0.1);
}

.grid{
  padding:0px !important;
}

.grid-item {
  padding: 0px;
  width: 50%;
  min-width: 100px;
}


@media (max-width:767px){

  .grid-item{
    width:100%;
    padding: 0px;
    min-width: 100px;
  }

}