body{
    color:black;
    scroll-behavior: smooth;
    font-family: 'Questrial', sans-serif;
}

a{
    color:"#457b9d" !important;
    text-decoration: none;
}

#header{
    padding-top:1em;
    padding-bottom:2em;
}

#hero {
    background-color: rgb(211, 211, 211);
    padding-bottom: 1em;
}

#hero h1 span {
    color:rgb(0, 0, 0);
    font-size: 3em;
    color:rgb(0, 0, 0);
    padding-top: 0em;
    padding-bottom: 0.1em;
    padding-left: 0em;
    margin-bottom: -0.3em;
    display:block;
}

#hero h1 span:first-child {
    color:rgb(255, 255, 255);
}

#hero h2 {
    margin-top:2em;
    margin-bottom:0.1em;
}

#why{
    margin-top:10em; 
}

#what{
    margin-top:10em; 
}

#footer{
    padding-top:3em;
}

.carousel-caption h5{
    font-size: 4.5em; 
    color:white !important;
    text-shadow: 1px 1px 2px black;
}