*{
    margin : 0px;
    padding : 0px;
}
.bodyclass{
    margin : 0px;
}

/* bdiv1 */
.bdiv1{
    display: flex;
    /* background : rgb(182, 59, 182); */
    margin-bottom: 3%;
    color : white;
    margin-top : 3%;
    /* float : center; */
}
.div1_img{
    /* width : 33%; */
    /* width : 400px; */
    /* height : auto; */
    /* width : auto; */
    /* margin-left: 3%; */
}
.flex_image{
    /* height: 1.5s; */
    /* transform : scale(1.0,1.5);
    transition: .2s; */
    /* height: 300px; */
    /* width : 450px; */
    /* width : 100%; */
}
.bdiv1bg{
    background-color: aquamarine;
    background : url("images/homepage/bg_img.jpeg");
    background-attachment: fixed;
    background-size:cover; 
    background-position: center;
    height : auto;
    /* background-opacity:0.7;*/
}
.overlay{
    background-color:rgba(23, 88, 88, 0.6);
}
.bdiv13{
    padding : 2%;
    align-items: center;
    /*height: 100px;*/
    /* margin-top: 20px;
    margin-bottom: 20px; */
    width : 33%;
}
.bdiv13 img{ 
    height: 400px;
    width:auto;
    float : center;
}
.bdiv11{
    padding : 2%;
    /* margin-left: 5%; */
    width : 33%;
}
.bdiv11 img{
    height: 400px;
    width:auto;
    float : center;
}

.bdiv12{
    /* align-items: center; */
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    width : 33%;
}
.bdiv12 img{
    height: 300px;
    width:100%;
    float : center;
}

/* bdiv2 */
.bdiv2{
    align-items:center;
    color : white;
    padding : 7%;
    background-color: rgba(0, 0, 0, 0.452);
}
.bdiv2bg{
    background : url("images/logo_cpreddy.jpg");
    background-attachment: fixed;
    background-size:cover;
    background-position: center;
}
.overlay2{
    background-color:rgba(87, 22, 20, 0.767);
}
/* bdiv3 */
.bdiv3{
    align-items:center;
}

.bdiv31{
    display : flex;
    background-color: rgb(196, 193, 21);
    color : white;
    margin-bottom: 3%;
}
.bdiv311{
    padding : 2%;
    margin-left: 10%;
}
.bdiv311 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv312{
    padding : 4%;
    margin-right: 10%;
}

.bdiv32{
    display : flex;
    background-color: rgb(194, 112, 4);
    color : white;
    margin-bottom: 3%;
}
.bdiv322{
    padding : 2%;
    margin-right: 10%;
}
.bdiv322 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv321{
    padding : 4%;
    margin-left: 10%;
}

.bdiv33{
    display : flex;
    background-color: rgb(4, 194, 52);
    color : white;
    margin-bottom: 3%;
}
.bdiv331{
    padding : 2%;
    margin-left: 10%;
}
.bdiv331 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv332{
    padding : 4%;
    margin-right: 10%;
}

.bdiv34{
    display : flex;
    background-color: rgb(67, 119, 216);
    color : white;
    margin-bottom: 3%;
}
.bdiv342{
    padding : 2%;
    margin-right: 10%;
}
.bdiv342 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv341{
    padding : 4%;
    margin-left: 10%;
}

.bdiv35{
    display : flex;
    background-color: rgb(194, 4, 109);
    color : white;
    margin-bottom: 3%;
}
.bdiv351{
    padding : 2%;
    margin-left: 10%;
}
.bdiv351 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv352{
    padding : 4%;
    margin-right: 10%;
}

.bdiv36{
    display : flex;
    background-color: rgb(110, 70, 51);
    color : white;
    margin-bottom: 3%;
}
.bdiv362{
    padding : 2%;
    margin-right: 10%;
}
.bdiv362 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv361{
    padding : 4%;
    margin-left: 10%;
}

.bdiv37{
    display : flex;
    background-color: rgb(35, 55, 170);
    color : white;
    margin-bottom: 3%;
}
.bdiv371{
    padding : 2%;
    margin-left: 10%;
}
.bdiv371 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv372{
    padding : 4%;
    margin-right: 10%;
}

.bdiv38{
    display : flex;
    background-color: darkgreen;
    color : white;
    margin-bottom: 3%;
}
.bdiv382{
    padding : 2%;
    margin-right: 10%;
}
.bdiv382 img{
    opacity: 0.7;
    width : 450px;
    height: auto;
}
.bdiv381{
    padding : 4%;
    margin-left: 10%;
}

@media screen and (max-width : 600px) {


    .div_img_class {
        width:100%;
    }

    .bdiv1{
        display: block;
        width : 100%;
    }
    .bdiv13{
        width : 90%;
        margin-left: 5%;
        margin-right : 5%;
    }
    .div1_img{
        width : 100%;
        margin-top : 5%;
        margin-bottom: 5%;
    }
    /* .flex_image{
        height: auto;
        width : 100%;
        margin-top : 5%;
        margin-bottom: 5%;
    } */
    .bdiv11{
        width : 90%;
        margin-left: 5%;
        margin-right : 5%;
        margin-top : 5%;
    }
    .bdiv12{
        width : 90%;
        margin-left: 5%;
        margin-right : 5%;
        margin-bottom: 5%;
    }
    .bdiv12 img{
        width : 100%;
        height: auto;
    }

    .bdiv2bg{
        
        background-size : 100%;
        
    }

    .bdiv31{
        display: block;
    }
    .bdiv311{
        padding : 0%;
        margin-left: 0%;
    }
    .bdiv311 img{
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }
    .bdiv312{
        margin-right: 0%;
    }

    .bdiv32{
        display: block;
    }
    .bdiv321{
        margin-left : 0%;
    }
    .bdiv322{
        padding : 0%;
        margin-right: 0%;
    }
    .bdiv322 img{
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }

    .bdiv33{
        display: block;
    }
    .bdiv331{
        padding : 0%;
        margin-left: 0%;
    }
    .bdiv331 img{
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }
    .bdiv332{
        margin-right: 0%;
    }

    .bdiv34{
        display: block;
    }
    .bdiv341{
        margin-left : 0%;
    }
    .bdiv342{
        padding : 0%;
        margin-right: 0%;
    }
    .bdiv342 img{
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }

    .bdiv35{
        display: block;
    }
    .bdiv351{
        padding : 0%;
        margin-left: 0%;
    }
    .bdiv351 img{
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }
    .bdiv352{
        margin-right: 0%;
    }

    .bdiv36{
        display: block;
    }
    .bdiv361{
        margin-left : 0%;
    }
    .bdiv362{
        padding : 0%;
        margin-right: 0%;
    }
    .bdiv362 img{
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }

    .bdiv37{
        display: block;
    }
    .bdiv371{
        padding : 0%;
        margin-left: 0%;
    }
    .bdiv371 img{
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
        width : 90%;
    }
    .bdiv372{
        margin-right: 0%;
    }

}