.conteiner{
	width: 100%;
	height:auto;
}


.flex-container {
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
}

.flex-container > * {
    padding: 15px;
    -webkit-flex: 1 100%;
    flex: 1 100%;
}

.icerik {
    text-align: left;
}

header {background:#81D4FA;}
footer {background: #aaa;color:white;}
.nav {background:#eee;}

.nav ul {
    list-style-type: none;
    padding: 0;
}
.nav ul a {
    text-decoration: none;
}
img{
	max-width: 100%;
	height: auto;
}


   .col-md-7m{ margin: auto;
    width: 40%;
	text-align: center;
	    list-style: none;
   }
   
   .col-md-5{ 
   list-style: none;
   text-align: center;
   }

@media all and (min-width: 768px) {
    .nav {text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;}
    .icerik {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
    footer {-webkit-order:3;order:3;}
}

.kolon{
	max-width: 800px;
	padding: 10px;
}



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

li {
    text-align: center;
}

li:last-child {
    border-bottom: none;
}

li a.active {
    background-color: #4CAF50;
    color: white;
}

li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
.iletisim {
    text-align: center;
    font-size: 18px;
    color: #318a19;
	max-width:800px
}
hr .content{
    margin:10px;
}
.form-group1{
    margin-top:10px;
}
.mesaj{color: #434c43;
    background-color: #f2fb96;
    border-color: #d6e9c6;
    position: fixed;
    top: 30px;
    width: 500px;
    font-size: x-large;}