/*___typography___*/

body{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300;
    margin: 0;
}

/*___header___*/
header{
    padding: 24px;
}


/*___download-section___*/

#downloads{
    background-color: #797671;
    color: white;
    padding: 64px 0;
}
.titles{
    text-align: center;
}
#downloads-list{
    list-style: none;
    padding: 64px 0;
}

#download{
    border-top: 1px solid white;
    padding: 24px;
    margin-bottom: 24px;
    
    display: grid;
    grid-template-columns: 80% 20%;
}

.btn .cta{
    color: white;
    text-decoration: none;
}

.btn:hover .cta{
    color: #797671;
}

/*___footer___*/

.partners{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 64px 0;
}

.site-info{
    grid-column: 1/4;
    text-align: center;
    font-weight: 300;
    padding: 48px;
    background-color: #f2f2f2;
    color: black;
}

/*___general___*/

p a{
    color: #333;
    text-decoration: none;
}

p a:hover{
    color: #797671;
}

.p-title{
    font-size: 20px;
}

@media screen and (max-width: 720px) {
    .partners{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .agent-1{
        padding-top: 48px;
    }
    .site-info{
        padding: 48px 18px;
    }
    .exclude-on-mobile{
        display: none;
    }
    .logo-dsk{
        display: none;
    }
    #download{
        grid-template-columns: 70% 30%;
    }
    #downloads-list{
        padding-left: 24px;
        padding-right: 24px;
    }
    .btn .cta span{
        display: none;
    }
}

@media screen and (min-width: 720px) {
    .logo-mob{
        display: none;
    }
}