.banner-social-networks {
  margin: 15% 0 0 0;
  position: fixed;
  right: 0;
  z-index: 2;
}

.banner-social-networks .fa-lg {
  font-size: 0em;
  color: rgba(64, 154, 206, 1);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 0px;
}

.banner-nav-line {
  border-right: 1.5px solid #409ace;
  height: 60px;
  margin-right: 12%;
}

.network-line {
  border-left: 1.5px solid #409ace;
  height: 60px;
  margin-left: 50%;
}

.network-element {
    margin: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    border-left: 2px solid rgba(64, 159, 206, 0.2);
}

.network-element-rounded-top {
    margin-top: 0px;
    border-radius: 10px 10px 0 0;
    border-top: 2px solid rgba(64, 159, 206, 0.2);
}

.network-element-rounded-bottom {
    margin-bottom: 0px;
    border-radius: 0 0 10px 10px;
    border-bottom: 2px solid rgba(64, 159, 206, 0.2);
    
}

.banner-social-networks a {
  color: #409ace;
  transition: 0.2s;
  font-size: 1.5rem;
  text-decoration: none;
  margin: 4px;
}

.banner-social-networks a i:hover {
  opacity: 0.5;
}

@media only screen and (min-width: 1024px) and (max-width: 5024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 
}

@media only screen and (max-width: 767px) {
  
  .banner-social-networks {
    margin: 40% 0 0 0;
  }

}