* {
    margin: 0;
    padding: 0;
    text-decoration: none; /* metnin ustunde-altinda cizgi olup olmamasi */
    list-style: none; /* listenin basinda noktalama yada madde numaralandirma olup olmamasi */
}
body {
    font-family: montserrat;
}
nav {
    height: 80px;
    width: 100%;
    background: #34495e;
}
label.logo {
    font-size: 35px;
    font-weight: bold;
    color: white;
    padding: 0 100px;
    line-height: 80px; /* satir arasi yuksekligi, cizgi yuksekligi */
}
nav ul {
    float: right;
    margin-right: 40px;
}
nav li {
    display:inline-block; /* yanyana siralansin block seklinde*/
    margin: 0 8px;
    line-height: 80px;
}
nav a {
    color:white;
    font-size:18px;
    text-transform: uppercase; /* yazı karakterlerini buyuk harften kucuk harfe, kucuk haften buyuk harfe cevirir */
    border: 1px solid transparent;
    padding: 7px 10px;
    border-radius: 3px;
}

a.active, a:hover {
    border: 1px solid white;
    transition: .5s;
}

nav #icon {
    color: white;
    font-size: 30px;
    line-height: 80px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}  

@media (max-width:1048px){
    label.logo {
        font-size: 32px;
        padding-left: 60px;
    }
    nav ul {
        margin-right: 20px;    
    }
    nav a {
        font-size: 17 px;
    }
}

@media (max-width:909px){
    nav #icon {
        display: block;
    }
    nav ul {
    position: fixed; /* sabit pozisyon: -ozelligi olan bir oge left,top degerine gore goruntu alanına gore sabitlenir ve asagı ve yukarı scroll yapıldıgında pozisyonunu korur ve sabit bir sekilde kalmaya devam eder */
    width: 100%;
    height: 100vh;
    background: #2f3640;
    top: 80px;
    left: -100%;/* menu nereden ekrana gelsin */
    text-align: center;
    transition: all .5s;
    }
    nav li {
        display: block;
        margin: 50px 0;
        line-height: 30px;

    }
    nav a {
        font-size: 20px;
    }
    a.active, a:hover {
        border: none;
        color: #3498db;
    }
    nav ul.show{
        left: 0;
    }
}

section {
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover; /* cover:div'in tamamini kapla demek */
    height: calc(100vh - 80px);  
      /* tum ekranin toplam boyutundan(100vh), nav in yuksekligi(80px) cikarilir  */
}