:root {
    --szurke: #f2f0e9;
    --zold: #031200;
    --fem: #c3cace;
}

body{
    background-color: #a6aeb3;
    font-family: 'Roboto Condensed', sans-serif;
}

nav {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}

.showcase{
    color: lightgrey;
}

.customtext{
    color: var(--zold);
}

.greytext{
    color: var(--szurke);
}

.custombg{
   /*background-color: #40464d;*/
    background-color: #6f767d;
}

#about{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--szurke);

}


#about div{

    width: 80%;
    height: auto;

}

.graybg{
    background-color: lightgray;
}

#contact{
    height: 770px;
    background-image: url("../images/kapcsolat_uj_grayscale_opacity_95.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.grad {
    /*background-image: radial-gradient(circle, white, ghostwhite, #40464d);*/
    background-image: radial-gradient(closest-side at 48% 48%, white, ghostwhite, #a6aeb3);
}

@media screen and (max-width: 768px) {

    #contact{
        height: 900px;
    }
}