.reng{
    color: white;
}
#navbar{
    width: 100%;
}
/*first section*/
#first{
    background-image: url('bgg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
    padding: 10vh 0;
}
.first-text{
    text-align: center;
    color: white;
}
.first-text h1{
    padding: 20vh 0 0 0;
    font-size: 4.0em;
    color: white;
}
.first-text p{
    padding-top: 10vh;
    font-size: 1.6em;
}
.btnn{
    margin-top: 15vh;

}
/*second section*/
#second-head{
    background-color: whitesmoke;
    width: 100%;
    padding: 5vh 0;
}
.second-text{
    text-align: center;
    color: rgb(0, 0, 139);
    padding-top: 6vh;
}
#second-main{
    background-color: white;
    width: 100%;
    
}
.shadow-custom{
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.811);
}

.arch{
    width: 50px;
    height: 50x;
    border-radius: 50%;
}
/*third section*/
#third{
    background-color: darkblue;
    width: 100%;
    padding: 10vh 0;
}
.third-text{
    
}
.third-text h4{
    padding-top: 5vh;
}
#card1{
    margin-top: 10vh;
}
#card2{
    margin-top: 10vh;
}
/*fourth section*/
#fourth{
    background-color: white;
    width: 100%;
    padding: 8vh 0;
}
.fourth-text h1{
   
    font-family: 'Times New Roman';
}
.fourth-text h4{
    margin-top: 5vh;
}
#card12{
    margin-top: 5vh;
}

#yazi12{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn1{
    padding-top: 10vh;
}
#card13{
    margin-top: 5vh;
}
#yazi13{
    margin-top: 5vh;
    margin-bottom: 2vh;
}
#sonbtn2{
    padding-top: 10vh;
}
#card14{
    margin-top: 5vh;
}
#yazi14{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn3{
    padding-top: 10vh;
}
#card17{
    margin-top: 5vh;
}
#yazi17{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn6{
    padding-top: 10vh;
}
#card15{
    margin-top: 5vh;
}
#yazi15{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn4{
    padding-top: 10vh;
}
#card16{
    margin-top: 5vh;
}
#yazi16{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn5{
    padding-top: 10vh;
}
#card18{
    margin-top: 5vh;
}
#yazi18{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn7{
    padding-top: 10vh;
}
#card19{
    margin-top: 5vh;
}
#yazi19{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn8{
    padding-top: 10vh;
}
#card20{
    margin-top: 5vh;
}
#yazi20{
    margin-top: 5vh;
    margin-bottom: 5vh;
}
#sonbtn9{
    padding-top: 10vh;
}
/*footer*/
#footir{
    background-color: darkblue;
    width: 100%;
    padding: 5vh 0;
}
#footlogo{
    padding: 5vh;
}
.form1{
    margin-left: 5vh;
}
@media only screen and (min-width:768px){
    #navbar{
        height: 100px;
    }
    #logo{
       width: 250px; 
       height: 50px;
    }
    #navbar-nav{
        padding-left: 250px;
    }
    #nav-link1{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-link2{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-link3{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-link4{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-link5{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-link6{
        font-size: 1.1em; 
        padding-left: 15px; 
        padding-right: 15px;
    }
    #button{
        display: block;
        padding-left: 15px; 
        padding-right: 15px;
    }
    #nav-linkd{
        display: none;
    }
    #blue{
        border-radius: 20px; 
        padding: 10px 30px; 
        color: white; 
        margin-left: 10vh;
    }
    #orange{
        border-radius: 20px; 
        padding: 10px 30px; 
        color: white;
    }
    .second-text h5{
        padding-top: 3vh;
        font-size: 2.0em;
    }
    .btn2{
        background-color: cornflowerblue;
        padding: 10px 40px 10px 40px;
        color: white;
        border-radius: 25px;
        margin: auto;
        margin-top: 8vh;
        border: none;
    }
    .btn3{
        margin: auto;
    }
    #td1{
        padding: 10px 200px 10px 200px; 
        border-radius: 25px;
    }
    #td2{
        padding: 10px 200px 10px 200px; 
        border-radius: 25px;
    }
    #name1{
    width: 450px;
    height: 5vh;
    }
    #email1{
    width: 450px;
    height: 5vh;
    }
    #sekil12{
        height: 40vh; 
    }
    #sekil13{
        height: 40vh; 
    }
    #sekil14{
        height: 40vh; 
    }
    #sekil15{
        height: 40vh; 
    }
    #sekil16{
        height: 40vh; 
    }
    #sekil17{
        height: 40vh; 
    }
    #sekil18{
        height: 40vh; 
    }
    #sekil19{
        height: 40vh; 
    }
    #sekil20{
        height: 40vh; 
    }
    #com12{
        font-size: 1.7em;
    }
    #com13{
        font-size: 1.7em;
    }
    #com14{
        font-size: 1.7em;
    }
    #com15{
        font-size: 1.7em;
    }
    #com16{
        font-size: 1.7em;
    }
    #com17{
        font-size: 1.7em;
    }
    #com18{
        font-size: 1.7em;
    }
    #com19{
        font-size: 1.7em;
    }
    #com20{
        font-size: 1.7em;
    }
    .footer-content{
        display: flex;
        
    }
    .foot2{
        padding: 1.2em;
        border-left: 2px solid white;
    }
    .foot3{
        padding: 1.2em;
        border-left: 2px solid white;
    }
}
@media only screen and (max-width:768px){
    #logo{
        width: 100px; 
        height: 30px;
    }
    #button{
        display: none;
    }
    #nav-linkd{
        display: block;
    }
    .first-text h1{
        font-size: 1.7em;
    }
    .first-text p{
        font-size: 1.1em;
    }
    .btnn{
        display: flex;
        justify-content: space-between;
    }
    #orange{
        color: white;
        margin-right: 5px;
        padding: 5px 10px 5px 10px;
        border-radius: 20px;
    }
    #blue{
        padding: 5px 10px 5px 10px;
        border-radius: 20px;
    }
    .second-text{
        font-size: 1.0em;
    }
  
    .btn2{
        background-color: cornflowerblue;
        padding: 10px 20px 10px 20px;
        color: white;
        border-radius: 10px;
        margin: auto;
        margin-top: 3vh;
        border: none;
    }
    .btn3{
        margin: auto;
    }
    #third{
        padding: 5vh 0;
    }
    #sonbtn1{
        padding-top: 2vh;
    }
    #sonbtn2{
        padding-top: 2vh;
    }
    #sonbtn3{
        padding-top: 2vh;
    }
    #sonbtn4{
        padding-top: 2vh;
    }
    #sonbtn5{
        padding-top: 2vh;
    }
    #sonbtn6{
        padding-top: 2vh;
    }
    #sonbtn7{
        padding-top: 2vh;
    }
    #sonbtn8{
        padding-top: 2vh;
    }
    #sonbtn9{
        padding-top: 2vh;
    }
    #yazi12{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi13{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi14{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi15{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi16{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi17{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi18{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi19{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #yazi20{
        margin-bottom: 2vh;
        margin-bottom: 2vh;
    }
    #card19{
        margin-top: 2vh;
    }
    #fourth{
        height: 710vh;
    }
    #name1{
        width: 200px;
        height: 5vh;
        }
        #email1{
        width: 200px;
        height: 5vh;
        }
    .xett{
        width: 170px;
    }
    #sekil12{
        height: 30vh; 
    }
    #sekil13{
        height: 30vh; 
    }
    #sekil14{
        height: 30vh; 
    }
    #sekil15{
        height: 30vh; 
    }
    #sekil16{
        height: 30vh; 
    }
    #sekil17{
        height: 30vh; 
    }
    #sekil18{
        height: 30vh; 
    }
    #sekil19{
        height: 30vh; 
    }
    #sekil20{
        height: 30vh; 
    }
    #card12{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card13{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card14{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card15{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card16{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card17{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card18{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card19{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #card20{
        margin-top: 2vh;
        padding-right: 1vh;
    }
    #footir{
        background-color: darkblue;
        width: 100%;
       padding: 5vh 0;
    }
    .foot2{
        padding-left: 5vh;
    }
    .foot3{
        padding-left: 5vh;
    }
}