/* ---------------------------------------------------------------------- 
* Product Name: Bootstrap Responsive Hexagon
* Product URI: http://shariarbd.com/demo/bootstrap-responsive-hexagon/
* Author: Shariar
* Author URI: http://shariarbd.com/
* Description: Bootstrap Responsive Hexagon by Shariar
* Version: 1.0.0
* License: The MIT License (MIT)
* Tags: Bootstrap Responsive Hexagon, hexagon, responsive hexagon
* ---------------------------------------------------------------------- */
		
	
/*---------------------------------------------------------------------- */

	
.brhex,
.brhex:before,
.brhex:after {
    border-style: solid;
    border-color: #ff8d12;
    border-width: 3px;
    border-top: none;
    border-bottom: none;
    height: 100px;
    width: 173.2px;

    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.brhex {
    text-align: center;
    line-height: 100px;
    position:relative;
    z-index:0; 
	color:#333;
}

.brhex:after,
.brhex:before {
    content: "";
    position: absolute;
    top:0;
    left: -1px;
    z-index: -1;
}

.brhex:before {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
            transform: rotate(60deg);
}

.brhex:after {
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
}

.brhex:hover,
.brhex:hover:before,
.brhex:hover:after{
    background-color: #ff8d12;
	color:white;
} 
.hex-responsive {
    width: 100%; 
}
.hex-responsive:after ,
.hex-responsive:before {
    width: 102%;
    height: 100%;
}