#g-footer {
	font-size: 0.9rem;  	
	background: var(--primary-color);
	background: -webkit-linear-gradient(rgba(14, 95, 134, 1), rgba(84, 142, 169, 1));
    background: linear-gradient(rgba(14, 95, 134, 1), rgba(84, 142, 169, 1));
  	transform: skewY(-4deg);
  	position: relative;
}

#g-container-main {
  	border-bottom: 105px solid var(--link-color);
    transform: skewY(-2deg);
    top: 5rem;
    position: relative;
}

#g-footer .g-container {
	width: 90%;
  	transform: skewY(4deg);
}

#g-footer::after {
    content: '';
    background-color: #548ea9;
    display: block;
    width: 120%;
  	max-width: 100%;
    height: 66px;
    left: 0;
    position: absolute;
    right: 0;
    bottom: -40px;
}


#g-footer .moduletable .mod-menu.nav li {
    padding-bottom: 8px;
    border-bottom: none;
    line-height: 1.2;
}

#g-footer .moduletable .mod-menu.nav li:last-child {
	border-bottom: none;
}

#g-footer .moduletable .mod-menu.nav {
	display: block;
    border: none;
    padding: 0;
	margin-left: 0;
}

#g-footer a {
    color: var(--white);
}

#g-footer .linkbutton {
    background: transparent;
    border: 2px solid var(--white);
    font-weight: 700;
}

#g-footer .linkbutton:hover {
    background: rgba(255,255,255,0.2);
    color: var(--white);
}

#g-footer a:hover {
	color: #E3E3E3;
}

#g-footer h1, #g-footer h2, #g-footer h3 {
	color: var(--white);
    font-weight: bold;
  	font-size: 1.2rem;
    margin: 1.75rem 0;
}

#g-footer .fa-twitter, #g-footer .fa-linkedin {
	float: left;
    font-size: 36px;
    padding: 20px 3.4rem 0 0;
}

#g-features a.fa.fa-fw {
	font-size: 36px;
    padding-right: 3.4rem;
  	text-decoration: none !important;
  	background-image: none;
}

#g-footer .button {
  	color: var(--white);
    font-size: 0.9rem;
    font-weight: 800;
    text-align: center;
    padding: 10px 22px;
    display: block;
    background: var(--secundary-color);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  	text-align: right;
    margin: 10px 0 20px auto;
}

#g-footer .button:hover {
  	background: var(--link-color);
}

@media only all and (max-width: 768px) { 
    #g-footer {
        background: var(--navigation-footer);
    }
}