/*social media icons xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.fa {
  
  text-align: center;
  text-decoration: none;
  margin: 10px 5px;
  border-radius: 50%;
  padding: 10px;
  
}

  
   /* If the screen size is 1025px wide or more, set the font-size of <div> to 22px */
@media (orientation: landscape) and (min-width: 1025px) {
  .fa {
   
    font-size: 20px;
    width: 40px;
    
  }
}

/* If the screen size is 769px wide or more, set the font-size of <div> to 20px */
@media (orientation: landscape) and (min-width: 769px) and (max-width: 1024px) {
  .fa {
    
    font-size: 20px;
    width: 40px;
    
  }
}

/* If the screen size is 769px wide or more, set the font-size of <div> to 20px */
@media (orientation: portrait) and (min-width: 769px) and (max-width: 1024px) {
  .fa {
    
    font-size: 20px;
    width: 40px;
    
  }
}

/* If the screen size is 768px wide or less, set the font-size of <div> to 18px */
@media (orientation: portrait) and (max-width: 768px) {
  .fa {
   
    font-size: 15px;
    width: 37px;
    
  }
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-envelope {
  background: #dd4b39;
  color: white;
}

.fa-sign-out {
  background: #ff000d;
  color: white;
}

.fa-download {
  background: #430297;
  color: white;
}

.fa-home {
  background: #007bb5;
  color: white;
}

.fa-users {
  background: #008000;
  color: white;
  /*font-size: 120%;*/
  padding: 9px;
  border:1px solid #008000;
}

.fa-window-close {
  background: #dd4b39;
  color: white;
}
  .fa-play {
  background: #dd4b39;
  color: white;
}

.fa-asterisk {
  background: #dd4b39;
  color: white;
}


.fa-times {
  background: white;
  color: #012847;
  border: 1px solid #012847;

}

.fa-film {
  background: #ee4b2b;
  color: white;
  border: 1px solid ##ee4b2b;

}

.fa-info {
  background: #012847;
  color: white;
  border: 1px solid #012847;
}

.fa-copyright {
  background: #008000;
  color: white;
  border: 1px solid #008000;

}

.fa-video-camera {
  background: #ee4b2b;
  color: white;
  border: 1px solid #ee4b2b;

}