@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?v72jv4');
  src:  url('fonts/icomoon.eot?v72jv4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?v72jv4') format('truetype'),
    url('fonts/icomoon.woff?v72jv4') format('woff'),
    url('fonts/icomoon.svg?v72jv4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-size: 100px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tux:before {
  content: "\eabd";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-windows8:before {
  content: "\eac2";
}


.container-icons{
  height: 200px;
  vertical-align: center;
  text-align: center;

}

/* windows icon blue and scale on hover */
.windows {!important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;

}
.windows:hover {
  transform: scale(1.2);
}


.windows a{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.windows a:hover{
  color: #1C92C9;
}

.windows span, .windows i {
  display: block;
}

.windows span {
  font-size: 24px;
}



/* apple icon blue and scale on hover */
.apple {!important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;

}
.apple:hover {
  transform: scale(1.2);
}


.apple a{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.apple a:hover{
  color: #b9b9b9;
}

.apple span, .windows i {
  display: block;
}

.apple span {
  font-size: 24px;
}



/* tux icon blue and scale on hover */
.tux {!important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;

}
.tux:hover {
  transform: scale(1.2);
}


.tux a{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.tux a:hover{
  color: #f1e05e;
}

.tux span, .windows i {
  display: block;
}

.tux span {
  font-size: 24px;
}