body{
        background-color: #EEEEEE;
        width: 100%;
}



@media only screen and (min-width: 1050px){
    
        #SectionOne{
            position: relative;
            margin: 0;
            height: 100px;
            width: 100%;
            background-color: #FFFFFF;
            padding: 0;
            }
                #Logo{
                    position: relative;
                    margin: 0px;
                    height: 90px;
                    width:  25%;
                    
                }
                    #Logo_img{
                        position: absolute;
                        
                        height: 100%;
                        margin: 0 10%;
                        top: 0;
                        left: 0;
                    }
                    #Company_name{
                        position: absolute;
                        top: 15px;
                        left: 100px;
                        margin: 0;
                        font-size: 300%;
                    }
                #SocialMedia{
                    position: absolute;
                    margin: 0;
                    top:5px;
                    right: 0;
                    height: 40px;
                    width: 350px;
                    
                }
                    .LogoMedia{
                        position: absolute;
                        margin: auto ;
                        height: 35px;
                        width: 35px;
                        
                    }
                    #linkedin_icon{
                        position: absolute;
                        left: 0px;
                        margin-right:0px;
                        margin: 0;
                    }
                            .size_logo{
                                font-size: 40px;
                            
                            }
                    #instagram_icon{
                        position: absolute;
                        top: 0;
                        margin-left:10px;
                        left: 40px;
                    }
                    #facebook_icon{
                        position: absolute;
                        margin:0;
                        left: 100px;
                        top: 0;
                    }
                    #Language{
                        position: absolute;
                        width: 200px;
                        height: 40px;
                        right: 0px;
                    }
                    .button_Language{
                        position: absolute;
                        margin-top: 10px;
                        width: 100px;
                        border: 0;
                        font-family: sans-serif,Verdana,Tahoma;
                        background-color: #FFFFFF;
                        color: #0e0b14;
                        
                    }
                    
                     
                    #button_Spanish{
                        left: 0px;
                        color: #0e0b14;
                    }
                    
                    #button_English{
                        right: 0px;
                    }
                    .styleFont{
                        color: #0e0b14;
                        text-decoration: none;
                    }
                    
                    

/*Navbar code*/
        
        #ContainerButtonsMenu{
            position: absolute;
            padding: 0;
            margin: 0 0 1px 0;
            bottom: 0;
            right: 0;
            height: 50px;
            width: 73%;
        }
        .navbar{
            position: absolute;
            height: 50px;
            padding: 0;
            margin: 0;
            right: 0;
        }
        .container-fluid{
            height: 50px;
            background-color: #FFFFFF;
            width: 100%;
            padding: 0 0 0 0;
            margin: 0;
            
        }
        .navbar-collapse{

            width: 100%;
            
        }
            .container-fluid{
                padding: 0;
                height: 50px;
            }
            .container-fluid ul{
                margin: 0;
                width: 100%;
                right: 0;
            }
        
            .nav-item{
                height: 50px;
               width: 200px;
               text-align: center;
            } 
            #listServices{
                width: 200px;
            }
            .nav-item:hover{
                background-color: #D5D8DC;
            }

        .form-control{
            height: 30px;
        }
        
        .btn-outline-success{
            height: 30px;
        }



                    /*footer*/
        #sectionFour{
            position: absolute;
            height: 200px;
            width: 100%;
            background-color: #0e0b14;
            left: 0;
            bottom: 0;
            margin-top: 1%;
                    
        }
                    
                    
                        .SectionBottom{
                            height: 70%;
                            width: 30%;
                            top: 10%;
                        }
                    
                        .LogoBottom{
                            position: relative;
                            left: 2%; 
                            
                        }
                            .LogoBottom img{
                                position: relative;
                                width: 60%;
                                margin: 2% auto;
                                left: 20%;
                                top: 8%;
                            }
                    
                        #sectionBottomMiddle{
                            position: absolute;
                            left:35%;
                            
                        } 
                        #sectionBottomRight{
                            position: absolute;
                            right: 2%;
                        }   
                    
                            .ListBottom{
                                position: absolute;
                                width: 70%;
                                font-size: 17px;
                                color: #EEEEEE;
                                right: 0px;
                                
                            }
                            .ListBottom li{
                                list-style-type: none;
                                text-align: left;
                                margin-top: 2%;
                                font-family: sans-serif,Verdana,Tahoma;
                                
                            }
                            .ListBottom li a{
                                text-decoration: none;
                                color: #EEEEEE;
                            }
                    
                            #brandSolutions{
                                position: absolute;
                                height: 30px;
                                width: 30%;
                                
                                bottom: 10px;
                                left: 20px;
                            }
                            #brandSolutions h3{
                                font-size: 16px;
                                color: #EEEEEE;
                                font-family: sans-serif,Verdana,Tahoma;
                                
                            }
}

@media only screen and  (min-width: 992px) and (max-width: 1049px){
  
    #SectionOne{
        position: relative;
        margin: 0;
        height: 150px;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0;
       
        }
            #Logo{
                position: relative;
                margin: 0px;
                height: 90px;
                width:  25%;
                
            }
                #Logo_img{
                    position: absolute;
                    
                    height: 100%;
                    margin: 0 10%;
                    top: 0;
                    left: 0;
                }
                #Company_name{
                    position: absolute;
                    top: 15px;
                    left: 100px;
                    margin: 0;
                    font-size: 300%;
                }
            #SocialMedia{
                position: absolute;
                margin: 0;
                top:25px;
                right: 0;
                height: 40px;
                width: 350px;
                
            }
                .LogoMedia{
                    position: absolute;
                    margin: auto ;
                    height: 35px;
                    width: 35px;
                    
                }
                #linkedin_icon{
                    position: absolute;
                    left: 0px;
                    margin-right:0px;
                    margin: 0;
                }
                        .size_logo{
                            font-size: 40px;
                        
                        }
                #instagram_icon{
                    position: absolute;
                    top: 0;
                    margin-left:10px;
                    left: 40px;
                }
                #facebook_icon{
                    position: absolute;
                    margin:0;
                    left: 100px;
                    top: 0;
                }
                #Language{
                    position: absolute;
                    width: 200px;
                    height: 40px;
                    right: 0px;
                }
                .button_Language{
                    position: absolute;
                    margin-top: 10px;
                    width: 100px;
                    border: 0;
                    font-family: sans-serif,Verdana,Tahoma;
                    background-color: #FFFFFF;
                    
                }
                #button_Spanish{
                    left: 0px;
                }
                #button_English{
                    right: 0px;
                }
                .styleFont {
                    color: #0e0b14;
                    text-decoration: none;
                }

/*Navbar code*/
    
    #ContainerButtonsMenu{
        position: absolute;
        padding: 0;
        margin: 0 0 1px 0;
        bottom: 0;
        right: 0;
        height: 55px;
        width: 100%;
        
         
    }
    .navbar{
        position: absolute;
        height: 50px;
        padding: 0;
        margin: 0;
        right: 0;
        
        
    }
    
    .container-fluid{
        height: 55px;
        background-color: #FFFFFF;
        width: 100%;
        padding: 0 0 0 0;
        margin: 0;
    }
    .navbar-collapse{
        width: 100%;
    }
    
        .container-fluid{
            padding: 0;
            height: 55px;
           
        }
        .container-fluid ul{
            margin: 0;
            width: 100%;
            right: 0;
            
        }
    
        .nav-item{
            height: 55px;
           width: 220px;
           text-align: center;
          
        }
        .nav-link{
            width: 100%;
            
        }
        .nav-item:hover{
            background-color: #D5D8DC;
        }

    .form-control{
        height: 30px;
    }
    
    .btn-outline-success{
        height: 30px;
    }



                /*footer*/
    #sectionFour{
        position: absolute;
        height: 200px;
        width: 100%;
        background-color: #0e0b14;
        left: 0;
        bottom: 0;
        margin-top: 1%;
                
    }
                
                
                    .SectionBottom{
                        height: 70%;
                        width: 30%;
                        top: 10%;
                
                    }
                
                    .LogoBottom{
                        position: relative;
                        left: 2%; 
                        
                    }
                        .LogoBottom img{
                            position: relative;
                            width: 60%;
                            margin: 2% auto;
                            left: 20%;
                            top: 8%;
                        }
                
                    #sectionBottomMiddle{
                        position: absolute;
                        left:35%;
                        
                    } 
                    #sectionBottomRight{
                        position: absolute;
                        right: 8%;
                    }   
                
                        .ListBottom{
                            position: absolute;
                            width: 70%;
                            font-size: 17px;
                            color: #EEEEEE;
                            right: 0px;
                            
                        }
                        .ListBottom li{
                            list-style-type: none;
                            text-align: left;
                            margin-top: 2%;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }
                        .ListBottom li a{
                            text-decoration: none;
                            color: #EEEEEE;
                        }
                
                        #brandSolutions{
                            position: absolute;
                            height: 30px;
                            width: 30%;
                            
                            bottom: 10px;
                            left: 20px;
                        }
                        #brandSolutions h3{
                            font-size: 16px;
                            color: #EEEEEE;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }

}

@media only screen and (min-width: 740px) and (max-width: 991px){
  
    #SectionOne{
        position: relative;
        margin: 0;
        height: 150px;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0;
        }
            #Logo{
                position: relative;
                margin: 0px;
                height: 90px;
                width:  30%;
                
            }
                #Logo_img{
                    position: absolute;
                    
                    height: 100%;
                    margin: 0 10%;
                    top: 0;
                    left: 0;
                }
                #Company_name{
                    position: absolute;
                    top: 15px;
                    left: 100px;
                    margin: 0;
                    font-size: 300%;
                }
            #SocialMedia{
                position: absolute;
                margin: 0;
                top:25px;
                right: 0;
                height: 40px;
                width: 350px;
                
            }
                .LogoMedia{
                    position: absolute;
                    margin: auto ;
                    height: 35px;
                    width: 35px;
                    
                }
                #linkedin_icon{
                    position: absolute;
                    left: 0px;
                    margin-right:0px;
                    margin: 0;
                }
                        .size_logo{
                            font-size: 40px;
                        
                        }
                #instagram_icon{
                    position: absolute;
                    top: 0;
                    margin-left:10px;
                    left: 40px;
                }
                #facebook_icon{
                    position: absolute;
                    margin:0;
                    left: 100px;
                    top: 0;
                }
                #Language{
                    position: absolute;
                    width: 200px;
                    height: 40px;
                    right: 0px;
                }
                .button_Language{
                    position: absolute;
                    margin-top: 10px;
                    width: 100px;
                    border: 0;
                    font-family: sans-serif,Verdana,Tahoma;
                    background-color: #FFFFFF;
                    
                }
                #button_Spanish{
                    left: 0px;
                }
                #button_English{
                    right: 0px;
                }
                .styleFont {
                    color: #0e0b14;
                        text-decoration: none;
                }

/*Navbar code*/
    
    #ContainerButtonsMenu{
        position: absolute;
        padding: 0;
        margin: 0 0 1px 0;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 100%;
    }
    .navar-expand{
        padding: 0;
    }
    .navbar{
        height: 50px;
        padding: 0;
        margin: 0;
        right: 0;
        padding: 0 !important;
    }
    .container-fluid{
        height: 50px;
        background-color: #FFFFFF;
        width: 100%;
        padding: 0 0 0 0 !important;
        margin: 0;
    }
    .navbar-collapse{

        width: 100%;
        
    }

        .container-fluid{
            padding: 0;
            height: 50px;
        }
        .container-fluid ul{
            margin: 0;
            width: 100%;
            right: 0;
        }
    
        .nav-item{
            height: 50px;
           width: 220px;
           text-align: center;
        }
        .nav-link{
            width: 100%;
        }
        .nav-item:hover{
            background-color: #D5D8DC;
        }

    .form-control{
        height: 30px;
    }
    
    .btn-outline-success{
        height: 30px;
    }
    .nav-item {
        background-color:#FFFFFF;
    }
    


                /*footer*/
    #sectionFour{
        position: absolute;
        height: 200px;
        width: 100%;
        background-color: #0e0b14;
        left: 0;
        bottom: 0;
        margin-top: 1%;
                
    }
                
                
                    .SectionBottom{
                        height: 70%;
                        width: 30%;
                        top: 10%;
                
                    }
                
                    .LogoBottom{
                        position: relative;
                        left: 2%; 
                        
                    }
                        .LogoBottom img{
                            position: relative;
                            width: 80%;
                            margin: 2% auto;
                            left: 2%;
                            top: 8%;
                        }
                
                    #sectionBottomMiddle{
                        position: absolute;
                        left:35%;
                        
                    } 
                    #sectionBottomRight{
                        position: absolute;
                        right: 2%;
                    }   
                
                        .ListBottom{
                            position: absolute;
                            width: 70%;
                            font-size: 15px;
                            color: #EEEEEE;
                            left: 0px;
                            margin-left: 0;
                            padding: 0;
                        }
                        .ListBottom li{
                            list-style-type: none;
                            text-align: left;
                            margin-top: 2%;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }
                        .ListBottom li a{
                            text-decoration: none;
                            color: #EEEEEE;
                        }
                
                        #brandSolutions{
                            position: absolute;
                            height: 30px;
                            width: 30%;
                            
                            bottom: 10px;
                            left: 20px;
                        }
                        #brandSolutions h3{
                            font-size: 16px;
                            color: #EEEEEE;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }
  

}
@media only screen and (min-width: 440px) and (max-width: 739px){
    
    #SectionOne{
        position: relative;
        margin: 0;
        height: 150px;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0;
        }
            #Logo{
                position: relative;
                margin: 0px;
                height: 90px;
                width:  40%;
            }
                #Logo_img{
                    position: absolute;
                    
                    height: 100%;
                    margin: 0 10%;
                    top: 0;
                    left: 0;
                }
                #Company_name{
                    position: absolute;
                    top: 15px;
                    left: 100px;
                    margin: 0;
                    font-size: 300%;
                }
            #SocialMedia{
                position: absolute;
                margin: 0;
                top:0px;
                right: 0;
                height: 100px;
                width: 40%;
                
            }
                .LogoMedia{
                    position: absolute;
                    margin: auto ;
                    height: 35px;
                    width: 35px;
                }
                #linkedin_icon{
                    position: absolute;
                    right: 100px;
                    margin-right:0px;
                    margin: 0;
                   bottom: 10px;
                }
                        .size_logo{
                            font-size: 40px;
                        }
                #instagram_icon{
                    position: absolute;
                    bottom: 10px;
                    right: 55px;
                    }
                #facebook_icon{
                    position: absolute;
                    margin:0;
                    right: 10px;
                    bottom: 10px;
                }
                #Language{
                    position: absolute;
                    width: 190px;
                    height: 60px;
                    right: 0px;
                    top: 5px;
                
                }
                .button_Language{
                    position: absolute;
                    margin-top: 0px;
                    width: 100px;
                    border: 0;
                    font-family: sans-serif,Verdana,Tahoma;
                    background-color: #FFFFFF;
                   text-decoration: none;
                    
                }
                #button_Spanish{
                    left: 0px;
                }
                
                #button_English{
                    right: 0px;
                }
                .styleFont a{
                    color: #0e0b14;
                        text-decoration: none;
                }

/*Navbar code*/
    
    #ContainerButtonsMenu{
        position: absolute;
        padding: 0;
        margin: 0 0 1px 0;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 100%;
        }
    .navar-expand{
        padding: 0;
    }
    .navbar{
        height: 50px;
        padding: 0;
        margin: 0;
        right: 0;
        padding: 0 !important;
    }
    .container-fluid{
        height: 50px;
        background-color: #FFFFFF;
        width: 100%;
        padding: 0 0 0 0 !important;
        margin: 0;
    }
    .navbar-collapse{
        width: 100%;
    }
        .container-fluid{
            padding: 0;
            height: 50px;
        }
        .container-fluid ul{
            margin: 0;
            width: 100%;
            right: 0;
        }
    
        .nav-item{
            height: 50px;
           width: 220px;
           text-align: center;
        }
        .nav-link{
            width: 100%;
        }
        .nav-item:hover{
            background-color: #D5D8DC;
        }

    .form-control{
        height: 30px;
    }
    
    .btn-outline-success{
        height: 30px;
    }
    .nav-item {
        background-color:#FFFFFF;
    }


                /*footer*/
    #sectionFour{
        position: absolute;
        height: 270px;
        width: 100%;
        background-color: #0e0b14;
        left: 0;
        bottom: 0;
        margin-top: 1%;
    
                
    }
                
                
                    .SectionBottom{
                        height: 120px;
                        
                    }
                    #logoBottom{
                        width: 50%;
                    }
                    #sectionBottomMiddle{
                        width: 40%;
                    }
                    #sectionBottomRight{
                        width: 60%;
                    }
                
                    .LogoBottom{
                        position: relative;
                        margin: 1% 25%;
                        height: 100px;
                        width: 250px;
                    }
                        .LogoBottom img{
                            position: relative;
                            height:  80%;
                            margin: 0 5%;
                           
                            top: 8%;
                        }
                
                    #sectionBottomMiddle{
                        position: absolute;
                        left:0;
                        top: 110px;
                        
                    } 
                    #sectionBottomRight{
                        position: absolute;
                        right: 0;
                        top: 110px;
                    }   
                
                        .ListBottom{
                            position: absolute;
                            width: 70%;
                            font-size: 17px;
                            color: #EEEEEE;
                            
                            font-size: 14px;
                            
                        }
                        #sectionBottomMiddle ul{
                            right: 0;
                        }
                        #sectionBottomRight ul{
                            left: 0;
                        }
                        .ListBottom li{
                            list-style-type: none;
                            text-align: left;
                            margin-top: 2%;
                            font-family: sans-serif,Verdana,Tahoma;
                           
                            
                        }
                        .ListBottom li a{
                            text-decoration: none;
                            color: #EEEEEE;
                        }
                
                        #brandSolutions{
                            position: absolute;
                            height: 30px;
                            width: 30%;
                            
                            bottom: 10px;
                            left: 20px;
                        }
                        #brandSolutions h3{
                            font-size: 12px;
                            color: #EEEEEE;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }
  

}

@media only screen  and (max-width: 439px){
    
    #SectionOne{
        position: relative;
        margin: 0;
        height: 200px;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0;
        }
            #Logo{
                position: absolute;
                margin: 0px;
                top: 50px;
                height: 120px;
                width: 100%;
            }
                #Logo_img{
                    position: absolute;
                    width: 60%;
                    margin: 0 20%;
                    top: 0;
                }
                #Company_name{
                    display: none;
                    position: absolute;
                    top: 15px;
                    left: 100px;
                    margin: 0;
                    font-size: 300%;
                }
            #SocialMedia{
                position: absolute;
                margin: 0;
                top:0px;
                right: 0;
                height: 50px;
                width: 100%;
                
            }
                .LogoMedia{
                    position: absolute;
                    /* margin: auto ; */
                    height: 35px;
                    width: 35px;
                    top: 5px;
                    
                }
                #linkedin_icon{
                    position: absolute;
                    left: 100px;
                    margin-right:0px;
                    margin: 0;
                   bottom: 10px;
                }
                        .size_logo{
                            font-size: 40px;
                        }
                #instagram_icon{
                    position: absolute;
                    bottom: 10px;
                    left: 55px;
                    }
                #facebook_icon{
                    position: absolute;
                    margin:0;
                    left: 10px;
                    bottom: 10px;
                }
                #Language{
                    position: absolute;
                    width: 190px;
                    height: 30px;
                    right: 0px;
                    top: 5px;
                }
                .button_Language{
                    position: absolute;
                    margin-top: 0px;
                    width: 88px;
                    
                    border: 0;
                    font-family: sans-serif,Verdana,Tahoma;
                    background-color: #FFFFFF;
                   text-decoration: none;
                   font-size: 16px;
                   text-align: left;
                   top: 0;
                    
                }
                #button_Spanish{
                    right: 88px;
                }
                
                #button_English{
                    right: 0px;
                    
                }
                .styleFont a{
                    color: #0e0b14;
                        text-decoration: none;
                }

/*Navbar code*/
    
    #ContainerButtonsMenu{
        position: absolute;
        padding: 0;
        margin: 0 0 1px 0;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 100%;
        /* border: 1px gray;
        border-style:  none none none ; */
        }
    .navar-expand{
        padding: 0;
    }
    .navbar{
        height: 50px;
        padding: 0;
        margin: 0;
        right: 0;
        padding: 0 !important;
        border-top: 1px solid #F0EBE9;
    }
    .container-fluid{
        height: 50px;
        background-color: #FFFFFF;
        width: 100%;
        padding: 0 0 0 0 !important;
        margin: 0;
    }
    .navbar-collapse{
        width: 100%;
    }
        .container-fluid{
            padding: 0;
            height: 50px;
        }
        .container-fluid ul{
            margin: 0;
            width: 100%;
            right: 0;
        }
    
        .nav-item{
            height: 50px;
           width: 220px;
           text-align: center;
        }
        .nav-link{
            width: 100%;
        }
        .nav-item:hover{
            background-color: #D5D8DC;
        }

    .form-control{
        height: 30px;
    }
    
    .btn-outline-success{
        height: 30px;
    }
    .nav-item {
        background-color:#FFFFFF;
    }


                /*footer*/
    #sectionFour{
        position: absolute;
        height: 270px;
        width: 100%;
        background-color: #0e0b14;
        left: 0;
        bottom: 0;
        margin-top: 1%;
          z-index: 3;      
    }
                
                
                    .SectionBottom{
                        height: 120px;
                        
                    }
                    #logoBottom{
                        width: 50%;
                    }
                    #sectionBottomMiddle{
                        width: 40%;
                    }
                    #sectionBottomRight{
                        width: 60%;
                    }
                
                    .LogoBottom{
                        position: relative;
                        margin: 1% 25%;
                        height: 100px;
                        width: 250px;
                    }
                        .LogoBottom img{
                            position: relative;
                            height:  80%;
                            margin: 0 5%;
                           
                            top: 8%;
                        }
                
                    #sectionBottomMiddle{
                        position: absolute;
                        left:0;
                        top: 110px;
                        
                    } 
                    #sectionBottomRight{
                        position: absolute;
                        right: 0;
                        top: 110px;
                    }   
                
                        .ListBottom{
                            position: absolute;
                            width: 70%;
                            font-size: 17px;
                            color: #EEEEEE;
                            
                            font-size: 14px;
                            
                        }
                        #sectionBottomMiddle ul{
                            right: 0;
                        }
                        #sectionBottomRight ul{
                            left: 0;
                        }
                        .ListBottom li{
                            list-style-type: none;
                            text-align: left;
                            margin-top: 2%;
                            font-family: sans-serif,Verdana,Tahoma;
                           
                            
                        }
                        .ListBottom li a{
                            text-decoration: none;
                            color: #EEEEEE;
                        }
                
                        #brandSolutions{
                            position: absolute;
                            height: 30px;
                            width: 30%;
                            
                            bottom: 10px;
                            left: 20px;
                        }
                        #brandSolutions h3{
                            font-size: 12px;
                            color: #EEEEEE;
                            font-family: sans-serif,Verdana,Tahoma;
                            
                        }
  

}


.nav-index{
    z-index: 10 !important;
}

.content-index{
    z-index: 9 !important;
}