html, body {
          background: linear-gradient(rgba(0, 0, 0, 0.15), rgb(111, 95, 36)), url('../../../../../img/home.jpg') repeat-x;
          background-size:cover;
           
          width: 100%;
          height: 100%;
        }


        .indexlogo{
          margin-top: 35px;

        }

        .flags{
        
          text-align: center;
           margin-left: 225px;
           margin-top: 70px;

        }

        .companies{
          margin-top: 150px;

        }

        .footer-text{

          margin-top: 30px;
          text-align: center;
          font-size: 12px;
          color: #a6a7a9;
          }

        /* 
        ##Device = Tablets, Ipads (portrait)
        ##Screen = B/w 768px to 1024px
      */

      @media (min-width: 768px) and (max-width: 1024px) {
        
        .flags{
            margin-top: 20px;
           margin-left: 5px;
        }

        .flags a{
          margin-bottom: 15px;
        }

        .companies{
          margin-top: 100px;
        }

           .footer-text{

          margin-top: 50px;
        
          }

        
      }

      /* 
        ##Device = Tablets, Ipads (landscape)
        ##Screen = B/w 768px to 1024px
      */

      @media (min-width: 736px) and (max-width: 1024px) and (orientation: landscape) {
        

        .indexlogo img{
           width: 350px;
           margin: 0 auto;
          }

        .flags{
            margin-top: 20px;
           margin-left: 5px;
        }
        

        .flags img{
          margin-bottom: 5px;
        }

        .companies{
          margin-top: 100px;
        }

           .footer-text{

          margin-top: 50px;
          font-size:12px;
          }

      }

      /* 
        ##Device = Low Resolution Tablets, Mobiles (Landscape)
        ##Screen = B/w 481px to 767px
      */

      @media (min-width: 481px) and (max-width: 767px) {
        
       
        
         .flags{
            margin-top: 20px;
           margin-left: 5px;
        }
       

       .flags img{
        margin-bottom: 5px;
       }

       .companies{
        margin-top: 100px;
       }

          .footer-text{

          margin-top: 50px;
          font-size:12px;
          }

        
      }

      /* 
        ##Device = Most of the Smartphones Mobiles (Portrait)
        ##Screen = B/w 320px to 479px
      */

      @media (min-width: 320px) and (max-width: 480px) {
        
         html, body {
          background: linear-gradient(rgba(0, 0, 0, 0.35), rgb(111, 95, 36)), url('../../../../img/bg.png') repeat-x;
         
        }
        
        
      .flags{
        
          margin-top: 20px;
           margin-left: 5px;
        }

        .flags img{
          margin-bottom: 5px;
        }

        .companies{
          margin-top: 100px;
        }

           .footer-text{

          margin-top: 50px;
          font-size:12px;
          }
        
        
        
      }

   


/*



        .card-block {
          padding: 15px;
        }

        .section-content {
          padding: 40px 0;
        }

        .footer {
          position: absolute;
          
          bottom: 5%;
          width: 100%;
          text-decoration-color: #797b79;
          color: #797b79;
          text-align: center;

      }
      .footer a{
          
          color: #797b79;
      }
      .footer a:hover{
          color: white;
      }

      .logo{
         width: 50%;
      }

 
*/