body{
    box-sizing: border-box;
    padding: 0px;
    overflow-x: hidden;

}
.container-fluid{
    padding-left: 0;
    padding-right: 0;
}
 .bg-cover{
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     margin: 0;
     width: 100%;
     height: fit-content;
     box-sizing: border-box;
     overflow-x: hidden;
     font-family: 'Times New Roman', Times, serif;

   
 }
 .button{
    height: 45px;
    color: white;
    border-radius: 6px;
    box-shadow: whitesmoke;
    text-justify: center;
    font-size: 15pt;
    background-color: orchid;
 }
.button:hover{
    background-color: rgb(61, 3, 59);
    color: whitesmoke;
}
.background-text{
    color: whitesmoke;
    font-weight: 400;
    padding: 40px;
    padding-left: 40px;
    margin: 20px;

}
.background-text>dl{
    font-weight: 900;
    font-size: 45pt;
}
.background-text>dt{
    font-size: 20pt;
    font-weight: 400pt;
    color: whitesmoke;
}
.btn-l{
    margin-left: 0;

}
.button-wrapper{
    margin-left: 60px;
}
.vision{
    text-align: center;
    font-weight: 200;
    color: purple;
    font-size: 50pt;
    text-align: center;
    box-sizing: border-box;
    overflow-x: hidden;
    
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.sub-section{
    background-image: url(../img/vision2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    opacity: 1 !important;
    overflow-x: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.vision-sub{
    margin-top: 30px;
}

.paragraph{
    padding-top: 150px;
    padding-bottom: 30px;
    margin-bottom: 300px;
    color: black;
    font-weight: 100;
    text-align: left;
    font-weight: bolder;
    float: left;
    width: 100%;
    font-size: 25pt !important;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.page-services{
    background-color: purple;
    color: orchid;

}
.page-features-text{
    text-align: center;
    font-weight: 200;
    color: white;
    font-size: 50pt;
    text-align: center;
}
.page-features-subtext{
    color: white;
    font-size: 20pt;
}

.features{
    margin-left: 20px;
    padding: 10px;
    text-align: left;
}
.features>h2{
    color: white;
    font-size: 25pt;
}
.features>h5{
    color: orchid;
    font-size: 15pt;
}
.footer-head{
    font-size: 16pt;
    width: 100%;
}
.footer-text{
    font-size: 12pt;
}

.footer-bg{
    background-color: whitesmoke;
    overflow: hidden;
    box-sizing: border-box;
}
@media(max-width:700px){
    body{
        overflow-x: hidden;
    }
    .btn-fixed{
      position: relative;
    }
    .background-text>dl{
    font-weight: 900;
    font-size: 20pt;
    }
    
    .background-text>dt{
    font-size: 15pt;
    font-weight: 400pt;
    color: orchid;
    }
    .footer-head{
        font-size: 10pt;
        width: 100%;
    }
    .footer-text{
        font-size: 8pt;
    }
    .page-features-text{
        font-size: 30pt;
    }
    .page-features-subtext{
        font-size:13pt ;
    }
    .features{
        margin-left: 10px;
    }
}