.header {
    padding: 20px;
    border-bottom: 5px double #212121;
    background: #FFFFFF linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 100%);
}

/*
.logo-icon-bg{
    background-color:#212121;
    border-radius:50%;
}
*/

.logo-icon{
    width:100%;
    height:100%;
    padding: 12px 0;
}

.logo {
    max-width: 100%;
    max-height: 100px;
    display: block;
    margin: auto;
}

.call-now {
    text-decoration:none;
    font-size:2rem;
    font-weight: 500;
}

.call-now-large {
    text-decoration:none;
    font-size:2.5rem;
    font-weight: 500;
}

.icons {
    float: right;
}

i {
    color: #212121;
    font-size: 35px;
    padding: 35px 15px 35px 35px;
}

.footer i {
    color: #212121;
    font-size: x-large;
    padding: 20px 20px;
}

i:hover {
    color: #212121;
}

.main-body {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FFFFFF linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 100%);
    /* The image used */
    background-image: url("../images/lofus-1.png");

    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.profile {
    padding-top: 20px;
    padding-bottom: 20px;
}

.profile-image {
    max-width: 100%;
    max-height: 400px;
    display: block;
    margin: auto;
}

.widget {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 25px;

}

.footer {
    padding: 20px;
    border-top: 5px double #212121;
    background: #FFFFFF linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 100%);
}

h1 {
    color: #212121;
}    

h2 {
    color: #212121;
    font-size: 46px;
}

a {
    color: #212121;
}

a:hover {
    color: #212121;
}