@charset "utf-8";

.section-reference {border-top:1px solid #CCCCCC; box-shadow:none;}
.section-reference th.cont {width:30%;}
.section-reference td .charge {width:40%; display:inline-block;}
.section-reference td .tel {width:30%; display:inline-block;}
.section-reference td .spacer {width:30%; display:inline-block;}
.section-reference .tel:before {margin-right:3px; font-family:FontAwesome; content:"\f095";}
.section-reference .button {margin:5px; padding:5px 10px; font-size:0.9em; background-color:#DE6FA4;}
.section-reference .button-tel {background-color:#8FBC53; display:none;}
.section-reference .button-email {background-color:#69B9D0;}
.section-reference .button-material {background-color:#CF383E;}
.section-reference .button:before {margin-right:3px; font-family:FontAwesome; content:"\f0da";}
.section-reference .button-tel:before {margin-right:3px; font-family:FontAwesome; content:"\f095";}
/*.section-reference .button-email:before {margin-right:3px; font-family:FontAwesome; content:"\f0e0";}*/
@media screen and (max-width:960px) {
.section-reference th.cont {width:40%;}
.section-reference td .charge {width:auto; display:block;}
.section-reference td .tel {width:auto; display:block;}
.section-reference td .spacer {display:none;}
body.ua-tel .button-tel {display:inline-block;}
}
@media screen and (max-width:600px) {
.section-reference th, .section-reference td {padding:5px;}
}