.site-footer {
/*
	background-color:#26272b;
*/
	background-color: rgba(51, 153, 51, 0.7); /* #339933 */
/*
	padding: 45px 0 20px;
*/
	padding-top: 40px;
	font-size: 15px;
	line-height: 24px;
/*
	color: #737373;
*/
	color: #d9f2d9;
	color: #ecf9ec;
	color: rgba(255,255,255, 0.7);
}

/* HORIZONTAL RULER */

.site-footer hr {
	border-top-color:#bbb;
	opacity:0.5;
	margin: 1em 0;
}

.site-footer h2 {
	color: #fff;
	color: rgba(255,255,255, 1.0);
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 2px;
}

/* LINK STYLING */

.site-footer a {
  color:#737373;
	color: rgba(0, 0, 0, 0.8);
}
.site-footer a:visited {

}
.site-footer a:focus {

}
.site-footer a:hover {
  color:#3366cc;
  text-decoration:none;
}
.site-footer a:active {
  color:#3366cc;
}

/* FLEXBOX */

.flex-container01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: left;
}

.flex-container02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

.flex-col01 {
	flex-basis: 90%;
}
.flex-col02 {
	flex-basis: 90%;
}
.flex-col03 {
	flex-basis: 90%;
}
.flex-col04 {
	flex-basis: 90%;
}
.flex-col05 {
	flex-basis: 90%;
}

/* Quick Links List */

.footer-links {
  padding-left: 0;
  list-style: none
}
.footer-links {
	padding-left: 0;
}
.footer-links li {
  display: block
}
.footer-links.inline li {
  display: inline-block
}

/* LINK STYLING */

.footer-links a {
  color: #737373
	color: rgba(0, 0, 0, 0.8);
}
.footer-links a:focus,
.footer-links a:hover,
.footer-links a:active {
  color: #3366cc;
  text-decoration: none;
}

.site-footer .social-icons {
  text-align: right
}
.site-footer .social-icons a {
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d;
	background-color:#40bf40;
	background-color: rgba(51, 153, 51, 0.9); /* #339933 */
}

.copyright-text {
  margin:0
}

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

@media screen and (min-width:767px) {
	.flex-col01 {
		flex-basis: 40%;
	}
	.flex-col02 {
		flex-basis: 40%;
	}
	.flex-col04 {
		flex-basis: 60%;
	}
	.flex-col05 {
		flex-basis: 30%;
	}
}

@media (max-width:991px) {
  .site-footer [class^=col-] {
    margin-bottom:30px
  }
}

@media (max-width:767px) {
  .site-footer {
    padding-bottom:0
  }
  .site-footer .copyright-text,
	.site-footer .social-icons {
    text-align:center
  }
}

.social-icons {
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li {
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title {
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a {
  background-color:#eceeef;
/*
  color:#818a91;
*/
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a {
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover {
  background-color:#3b5998
}
.social-icons a.twitter:hover {
  background-color:#00aced
}
.social-icons a.linkedin:hover {
  background-color:#007bb6
}
.social-icons a.dribbble:hover {
  background-color:#ea4c89
}

@media (max-width:767px) {
  .social-icons li.title {
    display:block;
    margin-right:0;
    font-weight:600
  }
}