body
{
    font-family:'Oswald';
}
.header
{
    width:calc(100%-80px);
    height:420px;
    background:linear-gradient(rgba(65, 186, 193, 0.5)0%,rgba(65, 186, 193, 0.5) 100%),url('../resimler/1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding:40px;
}
.logomenu
{
    width:100%;
    height:60px;
    display:flex;
    justify-content:space-between;
    align-items: center;
   
}
.logoyazi
{
    width:15%;
    height:40px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.logo .fas
{
    font-size:30px;
    color:#fff;
    margin-right:10px;
}

.logoyazi .yazi span
{
    font-size:30px;
    color:#35477d;
}

.logoyazi .yazi
{
    font-size:30px;
    color:#fff;
}

.menu
{
    width:85%;
    display: flex;
    justify-content: flex-end;
}

.menu ul
{
    margin:0px;
    padding: 0px;
    list-style: none;
}

.menu ul li
{
    float:left;
    margin-left:20px;   
}

.menu ul li a
{
    text-decoration: none;
    color:#fff;
    font-size:16px;
    font-weight:400;
    
}

.menu ul li:hover a
{
    color:#000;
}

.header-alt
{
    width:100%;
    height:auto;
    display:flex; 
    justify-content: center;
    align-items: center;
}
.header-alt .header-icerik
{
    margin-top:60px;
    width:60%;
    height:200px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
}

.anabaslik
{
    font-size:40px;
    font-weight:200;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
}

.paragraf
{
    color:fff;
    text-align: center;
  
}

.header-buttons
{
    display:flex;
    width:50%;
    justify-content: space-between;
    align-items: center;
}

.header-button
{
    width:140px;
    height:25px;
    border:2px solid rgba(65, 186, 193, 1);
    border-radius:12px;
    text-align: center;
    line-height: 25px;
    color:#fff;
  
}

.aktif
{
    background-color: rgba(65, 186, 193, 1);
}

.header-button:hover
{
     background-color: rgba(65, 186, 193, 1);
}

.aktif:hover
{
    font-weight:bold;
}

.about
{
    width:calc(100%-80px);
    height:500px;
    background:linear-gradient(rgba(65, 186, 193, 0.2)0%,rgba(65, 186, 193, 0.2) 100%),url('../resimler/2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding:40px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.about-icerik
{
    width:50%;
    height:400px;
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
}

.about hr
{
    border:2px solid #fff;
    width:20px;
}

.altbaslik
{
    text-transform: uppercase;
    color:rgba(0, 0, 0, 1);
    font-weight: bold;
    font-size:14px;
    text-shadow: 2px 2px 4px #fff;
}

.ikonmenu
{
    width:100%;
    height:60px;
    display:flex;
    justify-content: space-between;
}

.ikonyazi
{
    width:25%;
    height:60px;
    display:flex;
    justify-content: space-around;
}

.ikon
{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color: rgba(65, 186, 193, 1);
    color:#fff;
    font-size:20px;
    display: flex;
    justify-content: center;
    align-items:center;
}

.ikonmenu .yazi
{
    height:40px;
    line-height: 40px;
    font-size:16px;
    color:#fff;
    margin-left:10px;
}

.courses
{
    width:calc(100%-80px);
    height:500px;
    background:linear-gradient(rgba(59, 117, 139, 0.5)0%,rgba(59, 117, 139, 0.5) 100%),url('../resimler/3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding:40px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.courses hr
{
    border:2px solid #fff;
    width:20px;
}

.courses-ikon .fas
{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color: rgba(65, 186, 193, 1);
    color:#fff;
    font-size:20px;
    display: flex;
    justify-content: center;
    align-items:center;
}

.courses-ikon
{
    margin-bottom:30px;
}

.courses .paragraf
{
    width:50%;
}

.courses .header-buttons-tek .header-button
{
    width:160px;
}

.membership
{
    width:calc(100%-80px);
    height:500px;
    background:linear-gradient(rgba(59, 117, 139, 0.3)0%,rgba(59, 117, 139, 0.3) 100%),url('../resimler/4.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:40px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.membership hr
{
    border:2px solid #fff;
    width:20px;
}

.membership h3
{
    color: rgba(65, 186, 193, 1);
}

.membership h3 span
{
    color: rgba(255, 255, 255, 1);
}

.membership p
{
    width:50%;
    color:#fff;
}

.mem-eleman
{
    display:flex;
    color:#fff;
    margin-bottom:10px;
    
}

.mem-eleman .mem-ikon
{
    margin-right:10px;
    color: rgba(65, 186, 193, 1);
}

.membership-menu
{
    margin-bottom:30px;
}

.membership  .header-button
{
    width:160px;
}

.membership p
{
    text-align: center;
}

.group
{
    width:calc(100%-80px);
    height:500px;
    background:linear-gradient(rgba(59, 117, 139, 0.3)0%,rgba(59, 117, 139, 0.3) 100%),url('../resimler/5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:40px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.group .paragraf
{
    width:50%;
}

.group .ikonmenu
{
    width:50%;
}

.group .header-buttons-tek .header-button
{
    width:160px;
}

.partnership
{
    width:calc(100%-80px);
    height:500px;
    background: linear-gradient(rgba(89, 74, 78, 0.5)0%,rgba(89, 74, 78, 0.5)100%),url('../resimler/6.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:40px;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
.partnership p
{
    width:50%;
}

.partnership .header-buttons-uc
{
    width:35%;
    display:flex;
    justify-content: space-between;
}

.partnership .part-eleman
{
    display: flex;
}

.partnership .part-eleman .mem-ikon
{
    margin-right:10px;
    color: rgba(65, 186, 193, 1);
}

.partnership .partner-menu
{
    display: flex;
    width:35%;
    justify-content: space-between;
}

.partnership .mem-yazi
{
    color:#fff;
}

.feedback
{
    background:rgba(65, 186, 193, 1);
    color:#fff;
    width:calc(100%-80px);
    padding:40px;
    height:600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.feedback hr
{
    border:2px solid #fff;
    width:20px;
}

.p_orta
{
    text-align: center;
    margin-bottom: 20px;
}

.feedback-ikon
{
    width:40px;
    height:40px;
    border-radius: 50%;
    border:1px solid #fff;
    font-size:20px;
    padding-top:10px;
    padding-bottom:10px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.feedback-menu li
{
   
    list-style: none;
    float:left;
    margin-left:30px; 
    margin-bottom: 20px;
}

.feedback-menu li:first-child
{
    margin-left:0px;
}

.feedback-mail
{
    margin-top:20px;
    margin-bottom:20px;
}

.feedback-form .form-eleman
{
    border:1px solid #fff;
    border-radius:10px;
    height:30px;
    padding-left:10px;
}

.form-text
{
    display: flex;
    justify-content: space-between;
    
}

.feedback-form
{
    width:43%;
}

.feedback-form textarea
{
    margin-top:10px;
    padding-left:10px;
    padding-top:10px;
    border-radius:10px;
    margin-bottom:10px;
}

.feedback-button
{
    
    border-radius:10px;
    border:none;
    background-color: rgba(0,0,0,0);
    color:#fff;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:60px;
}