* { margin: 0;padding: 0;text-decoration: none;}
.col-xl-12{margin-top:10px;}
   .logo{
	 background:#4e73df;
     display: block;
     padding:30px 10px;
	     }
    .logo-name {
    position: absolute;
	top: 14px;    
	font-size: 25px;    
	left: 20px;
	
	            }
	.logo-name :hover{
		color:#82e7ff;
	            }
    .logo-name a {
		color: #fff;
		font-weight: 600;
		text-decoration: none;
		          }
    .menu-open {
		padding: 10px 0px;
		display: none;
		background: #fff;
		text-align: right;
		        }
    .menu-open img {
	width: 35px;
	position: relative;
	right: 20px;
	cursor: pointer;
    padding: 1px;
    border-radius: 3px;
	}
    nav {
    background: #fff;   
    }
    nav ul {
    text-align: center;
    margin-right: 20px;
    }
    nav li {
    display: inline-block;    
    }
    nav li a {
    display: block;
    padding:18px 7px;
    color: #000;
    font-family: arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: none;  
    border-bottom: 2px solid #fff;	
    }
    nav li a:hover, nav li a:focus, nav li a:active {
	background:#0043ad17;
	text-decoration: none;
    }
	
	
	
  
 
@media (max-width: 1100px){
    .menu-open {display: block; padding: 7px;}
	
    nav        {border: none;}
    nav ul     {display: none; margin: 0;}
    nav li     {width: 100%;}
    nav li a   {padding: 17px; text-align: center;}
}

@media screen and (min-width:1200px)
{
	
}
.image{
background-image: url("../img/sosyal.png");
background-position:center;
background-size:cover;
}
.mstr{
background-image: url("img/mstr.jpg");
background-position:center;
background-size:cover;
}