body{
	background:#FFF;
}

.GolgeUst{
	background:url(../img/GolgeUst.png) repeat-x;
	position:absolute;
	width:100%;
	height:125px;
	top:0px;
}

.GolgeAlt{
	background:url(../img/GolgeAlt.png) repeat-x;
	position:absolute;
	width:100%;
	height:125px;
	bottom:0px;
	margin-bottom:0px;
}

.GolgeSag{
	background:url(../img/GolgeSag.png) repeat-y;
	position:absolute;
	width:125px;
	height:100%;
	right:0px;
	margin-right:0px;
}

.GolgeSol{
	background:url(../img/GolgeSol.png) repeat-y;
	position:absolute;
	width:125px;
	height:100%;
	left:0px;
	margin-left:0px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.mailto {
  position: fixed;
  bottom: 250px;
  right: -450px;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  cursor:pointer;
  z-index:9999;
}

.mailto img {
    transition: transform .2s ease-in-out;
}
.mailto img:hover {
    transform: translate3d(-246px, 0px, 0px);
}


.telto {
  position: fixed;
  bottom: 390px;
  right: -484px;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  cursor:pointer;
  z-index:9999;
	visibility: visible
}

.telto img {
    transition: transform .2s ease-in-out;
}
.telto img:hover {
    transform: translate3d(-186px, 0px, 0px);
}

.mobile{
	visibility: hidden;
	opacity: 0;
}
.dektop{
	visibility: visible;
	opacity: 100%;
}

    .insta {
        width: 80px;
        height: 80px;
		position: absolute;
		right: 0px;
		margin-right: 0px;
		z-index:99;
    }
    .insta .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10000;
    }
    .insta:hover .img-top {
        display: inline;
    }

@media only screen and (max-width: 850px) {

	.telto {
	  position: fixed;
	  bottom: 120px;
	  right: -494px;
	  /* bring your own prefixes */
	  transform: translate(-50%, -50%);
	  cursor:pointer;
	  z-index:9999;
	}
	
	.telto img{
		width: 80%;
	}
	.mailto {
	  position: fixed;
	  bottom: 10px;
	  right: -460px;
	  /* bring your own prefixes */
	  transform: translate(-50%, -50%);
	  cursor:pointer;
	  z-index:9999;
	}

	.mailto img{
		width: 80%;
	}

	.mobile{
	visibility: visible;
	}
	.dektop{
	visibility: hidden;
	}
	
	.centered {
	  position: fixed;
	  top: 40%;
	  left: 50%;
	  /* bring your own prefixes */
	  transform: translate(-50%, -50%);
	}
	.centered img{
		width: 300px;
	}
	.mailto img:hover {
		transform: translate3d(-156px, 0px, 0px);
	}	
	.telto img:hover {
		transform: translate3d(-146px, 0px, 0px);
	}	
  
}