body {
}
* {
    margin:0px;
}
.text {
    position:absolute;
    top:200px;
    left:20%;
    color:white;
    
}
    .text h1 {
        color:#641E16;
        font-weight:bold;
    }
    .text h4 {
        color:#D35400;
        font-weight:bold;
    }
    .text p {
        width:80%;
        color:#ffb900;
        font-size:18px;
        text-align:justify;
    }
.fdown {
    height:50px;
    width:100%;
}

.home h4 {
    margin-top:50px;
}
.home p {
    text-align:justify;
}
.home #quote {
    font-weight:bold;
    font-size:20px;
    text-align:center;
    color:red;
}
.home button {
    height:40px;
    width:50%;
    display:block;
    margin:auto;
    background-color:#f7931e;
    font-weight:bold;
    color:black;
}
#image {
    margin-top:80px;
    height:300px;
    width:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right center;
}
#img {
    margin-top:10px;
    margin-bottom:50px;
    height:200px;
    width:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
#imagecarousel .carousel-inner .item img {
    height:600px;
    width:100%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
#image {
    margin-top:50px;
    margin-bottom:50px;
    height:350px;
    width:100%;
    background-image:url("solar energy.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
#img {
    margin-top:50px;
    margin-bottom:50px;
    height:350px;
    width:100%;
    background-image:url("save money.jpg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
    .home .container #quote {
        color:red;
    }
.text {
    left:10%;
}
  

}
@media screen and (max-width:768px) {
    .text {
        position:absolute;
        display:none;
        top:0px;
    }
    #image {
    margin-top:0px;
    margin-bottom:0px;
    height:350px;
    width:100%;
    background-image:url("solar energy.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
    #imagecarousel .carousel-inner .item img {
    height:250px;
    width:100%;
}
     #quote {
         padding:0 20px;
       text-align:center;
    }
    .home {
        margin-top:10px;
    }


}