body {
    position: relative;
}

body::before {
    margin:0;
    background-color: black;
    content: '';
    z-index: -1;
    width: 100%;
    height:100%;
    position: absolute;

}
.navbar-nav{
    border-bottom: transparent solid 1px;
    padding-bottom: 5px;
    padding-top: 15px;
    background: round;
}
li  a:hover:not(.active) {
    color: #FFF;
    background-color: white;
    border-bottom: #d87d00 solid 1px;

}
.active {
    color: whitesmoke;


}
.title {
    color: cornsilk;
    text-shadow: 2px 2px 4px #000000;
    font-size: xx-large;



}
.title:hover {
    color: #ce7f32;
    text-shadow: 2px 2px 4px #000000;


}

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
svg{
    width:100%;
}

.Company_name {
    color: #e5e4e3;
    font-size: 1.5vw;
    text-shadow: 2px 2px 4px black;
    padding-top: 2vmin;
    padding-bottom: 2vmin;
    overflow: hidden;


}

.Company_name::first-letter {
    font-size: 200%;
    color:  #ce7f32;


}



.services {
    color:  chocolate;
    text-shadow: 2px 2px 4px #000000;
    font-size: xx-large;



}
.services:hover {
    color: blanchedalmond;
    text-shadow: 2px 2px 4px #000000;


}


.txt {
    position: relative;

    color: white;

    font-family: 'Lato', sans-serif;

    margin: 10px;
    padding:10px;
    text-align: left;
    text-shadow: 2px 2px 5px black;
    line-height: 1.8;


}

.servicestxt{
    background-color: white;


    display: block;
    border-radius: 25px;
    border: 2px solid grey;
    color: #222222;
    text-align: left;

    padding: 30px;
    padding-left:50px;
    text-shadow: 2px 2px 5px grey;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: x-large;
    width: 450px;
    height: 500px;
    margin:5px;

}

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

kbd{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-shadow: 2px 2px 5px black;
    border-radius: 25px;
    border: 2px solid grey;
    padding: 15px;
    opacity: 0.7;
    font-size: 2vh;


}

.blur {
    -webkit-filter: blur(4px);filter: blur(4px);
}



h1 {
    font-size: 4vw;
    margin: 0px;
    padding: 0px;
}
h2 {
    font-size: 3vw;
    margin: 0px;
    padding: 0px;
}
h3 {
    font-size: 2vw;
    margin: 0px;
    padding: 0px;
}
h4 {
    font-size: 1vw;
    margin: 0px;
    padding: 0px;
}
p {
    font-size: 2vmin;
    margin: 0px;
    padding: 0px;
}






/* *********************************** */


.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
#aboutpanel1,#aboutpanel2,#aboutpanel3,#aboutpanel4 {

    padding: 5px;
    z-index: 3;
    position: absolute;
    height:400px;
    top:1%;
    left:0%;

}

#justwebsite {
    font-family: Futura; font-size: medium; color: lemonchiffon;

}
.col-centered{
    float: none;
    margin: 0 auto;
    display: inline;
}

.servicesHeader {
    color: coral;
    font-family: 'Lato', sans-serif;
    font-weight: bold;

}