body{

    font-family: sans-serif;
    text-shadow: 2px 2px 4px rgb(0,0,0) !important;
}

/*.navbar{

    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
    background-color: rgb(62, 62, 62) !important;
    background: rgba(0,0,0,0.2) !important;
} */

.navbar ul li a{

    color: #fff !important;
}

.navbar ul li a:hover{

    text-decoration: none;
    color: rgb(62, 62, 62) !important;
    text-shadow: 1px 1px 3px rgb(255,255,255);
}

#hero{

    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(img/pexels-andrea-piacquadio-3865544.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
}

#text{

    position: relative;
    top: 40%;
}

.herotext{

    color: rgb(210, 210, 210);
}

#about{

    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
    background-color: rgb(62, 62, 62) !important;
}

.ptext{

    color: rgb(255, 255, 255) !important;
}

.abouttext{

    font-size: 20px;
    font-weight: 300;
}

.servicestext{

    font-size: 18px;
    font-weight: 400;
}

#services{

    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(img/servicesimg.jpeg) no-repeat center;
    background-size: cover;
    height: 50vh;
}

#contact{

    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
    background-color: rgb(62, 62, 62) !important;
}

#szekhely{

    text-decoration: none;
    color: rgb(182, 182, 182);
}

#szekhely:hover{

    text-decoration: underline;
    color: rgb(182, 182, 182);
}

.email{

    text-decoration: none;
    color: rgb(182, 182, 182);
}

.email:hover{

    text-decoration: underline;
    color: rgb(182, 182, 182);
    cursor: pointer;
}

#btn-back-to-top {

    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 50%;
  }

.footer{

    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
    background-color: rgb(62, 62, 62) !important;
    font-size: 13px;
    color: rgb(94, 94, 94);
}