/*
.container-fluid {  min-height:50px; height:auto;    }
.container-fluid .colorful-nav + a, a:link, a:visited, a:active { color: #fff;}
#container-fluid + a, a:link, a:visited, a:active { color: #fff;}


#container-fluid + a:hover, a:focus {color: text-decoration: underline; }



.col-1, .col-2 {
    float: left;
    margin-left: 30px;
    width: 360px;
}
*/

.seven-div {
  width: 14.2%;
}
.copyright, .copyright2 {
  color:#fff;
}
.copyright a{
  color: #fff !important;
}
.colorful-navG {
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding: 6px 0;
}
.colorful-navG a:link, .colorful-navG a:visited, .colorful-navG a:hover, .colorful-navG a:active {

	color: #fff;
        margin:0px;padding:0px;

}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.redNav { padding:5px;
	background-color: #D64B76;
}
.orangeNav { padding:5px;
	background-color: #E87B2A;
}

.yellowNav { padding:5px;
	background: #dbb417;
}
.greenNav { padding:5px;
	background: #00A316;
}
.light_blueNav { padding:5px;
	background: #30a1f4;
}
.blueNav { padding:5px;
	background: #004F84;
}
.indigoNav { padding:5px;
	background: #9B2A9C;
}
@media only screen and (min-width: 550px) and
(max-device-width: 900px){
  .seven-div {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .seven-div {
    width: 97%;
  }
}


@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
    max-height: 60px;
  }
  
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285%;
    *width: 14.285%;
    max-height: 60px;
  }
  
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
*/
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285%;
    *width: 14.285%;
    max-height: 60px;
  }
  
  
}