html{
    height: 100%;
    
    }
    



    body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    
    }
    /* ========HEADER====== */
.header {
    background-color: #248b0a;
    width: 100%;
    height: 50px;
    top: 0;


    position: fixed;
    overflow: hidden;


    text-align: center;

}
.header i {
    float: left;
    padding: 17px 50px 5px 17px ;
    color: white;
}





/* =========HOME PAGE=========== */
#home-logo-img {
    width: 100%;
    height: 100px;
    display: block;
    margin: auto;
    padding: 25px 10px 10px 10px;
    
    }
    
    
    
        

.body-home {
    background-image: url('images/background.JPG');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}




/*================ Main ========================*/

.container{
    display: grid;
    grid-template-columns: repeat(1, 200px);
    gap: 60px;
    justify-content: center;
    align-content: center;
    margin-bottom: 30px;
}

.prov{
    width: 200px;
    height: 200px;
    object-fit: contain;
}

.prov img{
    width: 500px;
    height: 200px;
    border: 2px solid rgb(165, 100, 2);
    border-radius: 20px;
    align-content: center;
}

.item {
    display: grid;
    grid-template-columns: repeat(1, 200px);
    gap: 60px;
    justify-content: center;
    align-content: left;
    margin-bottom: 30px;
}

#main{
    margin-top: 119px;
    background: url('images/map-blur.png');
    background-repeat: repeat-y;
}

#content{
    padding-top: 1px;
    padding-bottom: 50px;
}

a.info-box{
    text-decoration : none;
    background      : rgba(255 ,225, 55, .8);
    width           : 90%;
    height          : 90px;
    display         : block;
    margin          : auto;
    margin-top      : 12px;
    padding         : 1px; 
}
.info-box img{
    height : 70px;
    margin : 10px;
    float  : left;
}

.info-box h3{
    padding : 0;
    margin-bottom :0;
    width : 90%;
    color : #572800;
}

.info-box p{
    margin  : 0;
    padding : 0;
    width   : 90%;
    color   : 131313;
}

.info-box img.right{
    float      : right;
    margin-top : 25px;
    height    : 40px; 
}

#info-box-full{
    background-color : rgba(255, 255, 255, .8) ;
    width   : 90%;
    display : block;
    margin  : auto;
    margin-top : 12px;
    padding    : 10px;
}



#info-box-full img{
    width : 100%;
}