@import url(http://weloveiconfonts.com/api/?family=fontawesome|zocial|brandico|entypo);
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* zocial */
[class*="zocial-"]:before {
  font-family: 'Zocial', sans-serif;
}

/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}


/*css restet*/
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}


.icons {
  margin-top: 50px;
  text-align: center;
    -webkit-font-smoothing: antialiased;
}
.icons .social-icon {
  text-decoration: none;
  color: white;
  display: inline-block;
  font-size: 2.5em;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin: 0 10px;

}
.icons .twitter {
  background: #55acee;
  text-shadow: 0px 0px #2795e9, 1px 1px #2795e9, 2px 2px #2795e9, 3px 3px #2795e9, 4px 4px #2795e9, 5px 5px #2795e9, 6px 6px #2795e9, 7px 7px #2795e9, 8px 8px #2795e9, 9px 9px #2795e9, 10px 10px #2795e9, 11px 11px #2795e9, 12px 12px #2795e9, 13px 13px #2795e9, 14px 14px #2795e9, 15px 15px #2795e9, 16px 16px #2795e9, 17px 17px #2795e9, 18px 18px #2795e9, 19px 19px #2795e9, 20px 20px #2795e9, 21px 21px #2795e9, 22px 22px #2795e9, 23px 23px #2795e9, 24px 24px #2795e9, 25px 25px #2795e9, 26px 26px #2795e9, 27px 27px #2795e9, 28px 28px #2795e9, 29px 29px #2795e9, 30px 30px #2795e9, 31px 31px #2795e9, 32px 32px #2795e9, 33px 33px #2795e9, 34px 34px #2795e9, 35px 35px #2795e9;
}
.icons .facebook {
  background: #3b5998;
  text-shadow: 0px 0px #2d4373, 1px 1px #2d4373, 2px 2px #2d4373, 3px 3px #2d4373, 4px 4px #2d4373, 5px 5px #2d4373, 6px 6px #2d4373, 7px 7px #2d4373, 8px 8px #2d4373, 9px 9px #2d4373, 10px 10px #2d4373, 11px 11px #2d4373, 12px 12px #2d4373, 13px 13px #2d4373, 14px 14px #2d4373, 15px 15px #2d4373, 16px 16px #2d4373, 17px 17px #2d4373, 18px 18px #2d4373, 19px 19px #2d4373, 20px 20px #2d4373, 21px 21px #2d4373, 22px 22px #2d4373, 23px 23px #2d4373, 24px 24px #2d4373, 25px 25px #2d4373, 26px 26px #2d4373, 27px 27px #2d4373, 28px 28px #2d4373, 29px 29px #2d4373, 30px 30px #2d4373, 31px 31px #2d4373, 32px 32px #2d4373, 33px 33px #2d4373, 34px 34px #2d4373, 35px 35px #2d4373;
}
.icons .youtube {
  background: #f74425;
  text-shadow: 0px 0px #e12808, 1px 1px #e12808, 2px 2px #e12808, 3px 3px #e12808, 4px 4px #e12808, 5px 5px #e12808, 6px 6px #e12808, 7px 7px #e12808, 8px 8px #e12808, 9px 9px #e12808, 10px 10px #e12808, 11px 11px #e12808, 12px 12px #e12808, 13px 13px #e12808, 14px 14px #e12808, 15px 15px #e12808, 16px 16px #e12808, 17px 17px #e12808, 18px 18px #e12808, 19px 19px #e12808, 20px 20px #e12808, 21px 21px #e12808, 22px 22px #e12808, 23px 23px #e12808, 24px 24px #e12808, 25px 25px #e12808, 26px 26px #e12808, 27px 27px #e12808, 28px 28px #e12808, 29px 29px #e12808, 30px 30px #e12808, 31px 31px #e12808, 32px 32px #e12808, 33px 33px #e12808, 34px 34px #e12808, 35px 35px #e12808;
}
.icons .linked {
  background: #2D89BA;
  text-shadow: 0px 0px #247299, 1px 1px #247299, 2px 2px #247299, 3px 3px #247299, 4px 4px #247299, 5px 5px #247299, 6px 6px #247299, 7px 7px #247299, 8px 8px #247299, 9px 9px #247299, 10px 10px #247299, 11px 11px #247299, 12px 12px #247299, 13px 13px #247299, 14px 14px #247299, 15px 15px #247299, 16px 16px #247299, 17px 17px #247299, 18px 18px #247299, 19px 19px #247299, 20px 20px #247299, 21px 21px #247299, 22px 22px #247299, 23px 23px #247299, 24px 24px #247299, 25px 25px #247299, 26px 26px #247299, 27px 27px #247299, 28px 28px #247299, 29px 29px #247299, 30px 30px #247299, 31px 31px #247299, 32px 32px #247299, 33px 33px #247299, 34px 34px #247299, 35px 35px #247299;
}

.icons .behance {
  background: #26A2F9;
  text-shadow: 0px 0px #197abf, 1px 1px #197abf, 2px 2px #197abf, 3px 3px #197abf, 4px 4px #197abf, 5px 5px #197abf, 6px 6px #197abf, 7px 7px #197abf, 8px 8px #197abf, 9px 9px #197abf, 10px 10px #197abf, 11px 11px #197abf, 12px 12px #197abf, 13px 13px #197abf, 14px 14px #197abf, 15px 15px #197abf, 16px 16px #197abf, 17px 17px #197abf, 18px 18px #197abf, 19px 19px #197abf, 20px 20px #197abf, 21px 21px #197abf, 22px 22px #197abf, 23px 23px #197abf, 24px 24px #197abf, 25px 25px #197abf, 26px 26px #197abf, 27px 27px #197abf, 28px 28px #197abf, 29px 29px #197abf, 30px 30px #197abf, 31px 31px #197abf, 32px 32px #197abf, 33px 33px #197abf, 34px 34px #197abf, 35px 35px #197abf;
}



.icons .pinterest {
  background: #BA3E3D;
  text-shadow: 0px 0px #a03636, 1px 1px #a03636, 2px 2px #a03636, 3px 3px #a03636, 4px 4px #a03636, 5px 5px #a03636, 6px 6px #a03636, 7px 7px #a03636, 8px 8px #a03636, 9px 9px #a03636, 10px 10px #a03636, 11px 11px #a03636, 12px 12px #a03636, 13px 13px #a03636, 14px 14px #a03636, 15px 15px #a03636, 16px 16px #a03636, 17px 17px #a03636, 18px 18px #a03636, 19px 19px #a03636, 20px 20px #a03636, 21px 21px #a03636, 22px 22px #a03636, 23px 23px #a03636, 24px 24px #a03636, 25px 25px #a03636, 26px 26px #a03636, 27px 27px #a03636, 28px 28px #a03636, 29px 29px #a03636, 30px 30px #a03636, 31px 31px #a03636, 32px 32px #a03636, 33px 33px #a03636, 34px 34px #a03636, 35px 35px #a03636;
}

.icons .soundcloud {
  background: #F3752D;
  text-shadow: 0px 0px #d16429, 1px 1px #d16429, 2px 2px #d16429, 3px 3px #d16429, 4px 4px #d16429, 5px 5px #d16429, 6px 6px #d16429, 7px 7px #d16429, 8px 8px #d16429, 9px 9px #d16429, 10px 10px #d16429, 11px 11px #d16429, 12px 12px #d16429, 13px 13px #d16429, 14px 14px #d16429, 15px 15px #d16429, 16px 16px #d16429, 17px 17px #d16429, 18px 18px #d16429, 19px 19px #d16429, 20px 20px #d16429, 21px 21px #d16429, 22px 22px #d16429, 23px 23px #d16429, 24px 24px #d16429, 25px 25px #d16429, 26px 26px #d16429, 27px 27px #d16429, 28px 28px #d16429, 29px 29px #d16429, 30px 30px #d16429, 31px 31px #d16429, 32px 32px #d16429, 33px 33px #d16429, 34px 34px #d16429, 35px 35px #d16429;
}



@media screen and (max-width: 55em) {
.icons {
  margin-top: 0px;
  text-align: center;
}

.icons .social-icon {

  font-size: 1.1em;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 90px;
  overflow: hidden;
  margin: 0 0px;
}
}