.diamonds {
    text-align: center;
    overflow: visible;
    white-space: nowrap;
    display: inline-block;
}

.diamond-row-wrap {
    text-align: center;
    position: relative;
    float: left;
    clear: both;
}
.diamond-row-upper, .diamond-row-lower {
    overflow: visible;
    clear: both;
    width: 100%;
}
.diamond-row-lower {
    position: absolute;
    bottom: 0;
}
    .diamond-row-lower .diamond-box {
        margin-left: 64.644660941%; /* 1 - 1 / sqrt(2) / 2 */
        margin-top: 64.644660941%;
    }

.diamond-box-wrap {
    float: left;
    width: 250px; /* Size of diamonds */
    height: 250px;
}

.diamond-box {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;
    
    position: relative;
    z-index: 1;
    
    width: 70.710678118%; /* x = sqrt(x^2 / 2) = 1 / sqrt(2) = 0.70710678118 */
    height: 70.710678118%;
    margin: 14.644660941%;
    
    border: 1px solid transparent;
}

.diamond-box-inner {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    width: 141.421356237%; /* sqrt(2) */
    height: 141.421356237%;
    margin: -20.7106781185% 0 0 -20.7106781185%; /* (1 - sqrt(2)) / 2 */
}
.diamond-box-inner span.name{
	 color: #fff;
}
.diamond-box-inner span.number {
    color: #fff;
    display: block;
    z-index: 9999;
    margin-top: -120px;
    font-size: 20px;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: -28px;
	
	
}
.diamond-box-inner img{
	width:100%;
	height:auto;
	transition:all 0.2s linear;
}
.diamond-box-inner:hover img{
	opacity:0.2;
}
.diamond-box-inner {
	background:#000;
}
.diamond-box-inner span {
	opacity:0; transition:all 0.2s linear;
	font-weight:bold;
}
.diamond-box-inner:hover span {
	opacity:1;
}
#trangle {
	padding:200px 0 80px;
	
}
.diamondswrap {
	padding:40px 0;
}
h1 {
	color: #fff;
}
header#header {
    background: #000;
    padding: 30px 0;
}
a.header-logo {
    margin: auto;
    display: block;
    text-align: center;
}
.mobile-nav.d-block.d-md-none {
    display: none !important;
}