/* Applying border-box to all element */
html {
    box-sizing: border-box;
}

/* inherit border-box on all elements in the universe and before and after */
*,*:before,*:after{
    box-sizing: inherit;
}  

body{
    background-color: #101011!important;
}

/* Common CSS */
.site-white{
    color: #fbfbfb!important;
}

.card-bg{
    background: #1F1F1F!important ;
    height: 100%;
}

/* Navbar */
#nav-contact,.hero-action .col-lg > a{
    padding: 9px 20px;
    background-color: #ed5145;
}


/* Hero */

#hero  div > span {
    border: 1px solid #ed51458c;
}

#hero span a,.hero-action .col-lg > a{
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.hero-text h1{
    font-size: 5rem;
}

#br{
    display: block;
}

/* Images */
#img-1,#img-2,#video-1{
    object-fit: cover;
    width: 25%;
    max-width: 100%;
    height: 200px;
    display: inline-block;
}

#video-1{
    position: relative;
    top:10;
}

/* Transorm */
.transform-text{
    font-size: 3rem;
}

.cards,.transformative-card{
    background: #1F1F1F!important ;
    height: 100%;
}
.cards img{
    width: 50%;
    margin: auto;
    word-wrap:normal;
}

/* Ignite */
.ignite-disc{
    width: 35%;
    margin:auto;
}

.ignite-card-disc{
    width: 60%;
    margin: 0 auto;
}


.testimonial-image img{
    float: left;
}