/* iPad landscape mode */
@media only screen and (max-width: 1200px){
    .row{
        padding: 0 2%;
    }
}


/* responsive navigation */
@media only screen and (max-width: 769px){
    .main-nav{
        display: none;
    }
    .mobile-nav-menu{
        display: inline-block;
    }
    
    .nav-logo-break{
        display:inherit;
    }
    
    .main-nav li{
        display: block;
        margin-left: 0;
        margin-bottom: 20px;
        text-align: left;
    }
    
    .main-nav{
        text-align: left;
        margin-left: 50px;
    }
    
    .entire-nav{
        text-align: left;
    }
    
    
    
    .sticky .main-nav li{
        display: block;
        margin-left: 0;
        margin-top: 2px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .sticky{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .sticky .main-nav{
        text-align: center;
        
    }
    
    .main-nav li a:link,
    .main-nav li a:visited{
        border: 0;
    }
    
    .sticky .entire-nav{
        text-align: center;
    }
    
    .algo-logo{
        transform: translate(-37%, 15%);
    }
    
}

/* iPad portrait mode */
@media only screen and (max-width: 1023px){
    body{
        font-size: 18px;
    }
    section{
        padding: 60px 0;
    }
    
    .long-copy{
        width: 80%;
        margin-left: 10%
    }
    
    .work-box{
        margin-top: 10px;
    }
    
    .work-steps{
        margin-bottom: 40px;
    }
    
    .work-box:last-child{
        margin-top: 10px;
    }
    
    .website-screen{
        width: 110%;
        margin-top: 35px;
    }
    
    .work-steps div{
        margin-top: 5px;
    }
    
    .longer div{
        margin-top: 25px;
    }
    
    .eas div{
        margin-top: 15px;
    }
    
    
}


/* larger phones */
@media only screen and (max-width: 769px){
    body{
        font-size: 18px;
    }
    
    section{
        padding: 40px 0;
    }
    
    .website-screen{
        width:  100%;
    }
    
    .longer div{
        margin-top: 25px;
    }
    
    .row{
        padding: 0 4%
    }
    
    .footer-nav{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    .social-links{
        margin: auto 0;
        text-align: center;
        width: 100%;
    }
    
    
}

/* Gründer*/

@media only screen and (max-width: 769px){
    .arash{
    padding-bottom: 50px;
    padding: 0;
    }

    .mohammad{
        padding-top: 200px;
    }

    .name-text{
        margin: 0;
    }

    .arash div img{
        margin: 0;
    }

    .mohammad div img{
        margin: 0;
        transform: translate(0,-50px)
    }

    .arash .name-text{
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }

    .mohammad .name-text{
        padding: 0;
        transform: translate(0, 210px)
    }
    
    .termin-vereinbaren{
        padding-bottom: 60px;
    }
}