/* ----------------------------------------------DUYURU------------------------------------- */

section.duyuru{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
z-index: 9999;
/*
animation: duyuruKapat 5s 1;
visibility hidden;
*/
}

section.duyuru div{
	background: white;
	padding: 2em;
	max-width:50%;
 
}

section.duyuru div img {
	width:101%;
	
}
 

 

section:target{
	animation:none;
	visibility: hidden;
}

@keyframes duyuruKapat{
	0% {opacity:1; visibility: visible;}
	80% {opacity:1; visibility: visible;}
	100% {opacity:0; visibility: hidden;}
}


/* ----------------------------------------------Responsive------------------------------------- */
@media screen and (max-width: 700px) {
	.row {
		flex-direction: column;
}
}
/* ----------------------------------------------Responsive------------------------------------- */
@media screen and (max-width: 400) {
.navbar a {
	float: none;
	width: 100%;
}
}
.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #2c68a8;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #ffe070}

.button:active {
  background-color: #ffe070;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.float{
    position:fixed;
    width:60px;
    z-index:99999999999999;
    height:60px;
    bottom:30px;
    right:120px;
    background-color:#06b848;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #000;
  
}

.my-float{
    margin-top:16px;
}