body, html {
    height: 100%;
}
.bg_full { 
    /* The image used */
    background-image: url("../images/bg-homepage.jpg");
    /* Full height */
    width: 100%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    background-attachment: fixed;
}
.row{
    padding: 0px !important;
    margin: 0px !important;
}
/* .sec1{
    padding-top: 15% !important;
    height: 70%;
    background: rgba(3, 53, 15, 0.7);
    color :white;
} */
.sec1{
    
    height: 100%;
    padding-top: 5% !important;
    background: rgba(1, 10, 3, 0.7);
    color :black;
}
@media screen and (max-width: 781px) {
    .sec1{
        padding-top: 5% !important;
        
    }
}

@media screen and (max-width:430px) {
    .sec1{
        padding-top: 5% !important;
        height: 100%;
    }
}
.sec2{
    padding: 30px !important;
    background:white;
}

.animate2{
    padding: 0px !important;
    margin: 0px !important;
    height:150px;
}

.animate {
    padding: 0px !important;
    margin: 0px !important;
    height: 500px;
    
  }
.annim{
    margin:0px !important;
    margin:0px !important;
    height:400px !important;
}
.myCarousel{
    margin-top:-100px !important;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 0px !important;
    height:120px;
}

.annim2{
    margin:0px !important;
    margin:0px !important;
    height:100px !important;
}

.myInfo{
    margin-top: 130px !important;
    padding-bottom: 60px !important;
}

.titInfo{
    font-weight: bold;
}

.numInfo{
    font-size: xx-large;
}


a {
    color:black;
}

.card{
    height : 350px;
}


.card-image img{
    height : 200px;
}