body{

    background-color: #7bb5dc !important;
    font-family: sans-serif;
    text-shadow: 1px 1px 3px 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{

    /* background-color: #7bb5dc !important; */
    background: linear-gradient(rgb(74, 213, 255, 0.5), rgba(96, 205, 255, 0.8));
}

.navbar ul li a{

    color: #ffffff !important;
}

.navbar ul li a:hover{

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

#hero{

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(255, 123, 0, 0.6)), url(img/Sup&Sky_logo-RGB.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
}

#text{

    position: relative;
    top: 20%;
}

.herotext{

    font-size: 30px;
    color: rgb(255, 255, 255) !important;
}

.email{

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

.email:hover{

    text-decoration: underline;
    color: rgb(74, 213, 255);
    cursor: pointer;
}


/*
#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);
}

*/