@media screen and (max-width: 2700px) {
        hr{
          margin:8px 0px 8px 0;
        }
        a:link{
          color:#2874A6;
          /*text-decoration:underline;*/
        }
        a:visited{
          color:#2874A6;
        }
        body{
          background-color:#FFFFFF;
          font-size:3vw;
          font-family:"Roboto";
          width:100%

        }

        .row_all{
          padding:30px 0 30px 14%;
          width:100%;
          font-size:1.1vw;
        }
        .titleSec{
          background-color:#dbd6d6;
          text-align:left;
          font-weight:bold;
        }


    .col-sm-2 a:link, a:visited {
        background-color: #f44336;
        color: white;
        padding: 14px 25px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }





        .row{
                
                text-align:left;
                margin:0px 0px 0px 0px;
                padding: 0px 0px 0px 0px ;

                font-size:1vw;
              
                width:100%;
                text-align:left;
                background-color: white;
        }
            .col-sm-8 {
                float:right;
                font-size: 1vw;
                padding: 1vw 0vw 0vw 200px;
            }
            .col-sm-8 h1 {
                padding-left: 36px;
                font-size: 2vw;
            }
                .col-sm-8 ul li { /**/
                    padding-top: 20px;
                    font-size: 1vw;
                }

                .col-sm-8 ol li { /**/
                    padding-top: 20px;
                    font-size: 1vw;
                } 

                .col-sm-8 h2 { /**/
                    padding-left: 0px;
                    font-family: "Arial"; /*Roboto Slab*/
                    font-size: 1.1vw;
                    color: #f4b426;
                }
            .row_all {
                padding: 0px 0px 0px 5vw;
                font-size: 4vw;
                float:left;
                background-color: #ffffff;
              }
            .cropped {
              width:120%;
              height:1000px;
              float:left;
              background-repeat: no-repeat;
              /*background-position: center center;*/
              background-image:url("1100919008-huge.jpg");

            }

        .col {
          padding: 0px 0px 0px 0px;
          width:50%;
          font-size:1vw;
          float:left;
          width:50%;
        }

        .funding{
            padding-top: 0px;
        }
            
        .funding .col-sm-4.logo {
            white-space: nowrap;
            padding-left:60px;
            padding-top:30px;
        }        
    
        .funding .col-sm-4.logo a{
            color: black;
            font-size: 3vw;
            font-family: Arial, Helvetica, sans-serif;
            font-weight:bold;
    
        }   
        .funding .col-sm-4.logo a img {
            float: left;
            width: 40px;
    
        }  
        .header {
            width: 100%;
            display: flex;
            resize: horizontal;

    
            
        }
        .cropped.funding  .col-sm-3.proj-title a:hover{
            color:green;
        }
        .header .col-sm-4.logo {
            display: flex;
            resize: horizontal;

            padding: 0px 0px 0px 200px;
            font-weight: bold;
        }

        .header .col-sm-4.logo a:hover{
            color: green;
        }

        .header .col-sm-4.logo a img {
            width:60px;
        }








        h3{
            font-family: "Roboto Slab";
          font-size:1.5vw;
        }	
        /* Hide the link that should open and close the topnav on small screens */
        .cropped .header .row-3 a.icon {
          
          display: none;
        }

        .container #links{
          display:none;
        }

        .container {
          padding: 0px 0px 0px 0px;

          overflow: hidden;
          background-color: #FFFFFF;
        }

        .container a {
          float: left;
          display: block;
          color: black;
          text-align: center;
          padding: 1vw 0.4vw 0px 0.4vw;
          text-decoration: none;
          font-size: 3vw;
        }


        .container a.active {
          background-color: #04AA6D;
          color: white;
        }

        .container  img{
          width: 20px;
          }

        .nice_text {
            padding: 80px 700px 0px 0px;
            float: right;
	    text-align: right;
        }

        .nice_text h1 {
            font-size: 40px;
            font-weight: normal;
	
        }

        .nice_text h2 {
            font-size: 30px;
            font-weight: normal;
        }


          .musicolab-home-text-res{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:none ;
            text-align: center;
            background-color: aliceblue;
            }
        .musicolab-home-text{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:inline-block ;
            text-align: center;
            background-color: #FFFFFF;
            }

        .musicolab-home-text .text{

        text-align: left;
        font-size: 1vw;

        }

        .musicolab-home-text h1{
            font-size: 1.5vw;
        }

        .cropped.funding{
            height:10%;
            background-color:white;
            background-image:none;
        }
            
        .cropped.funding .col-sm-3.proj-title {
            padding-top:0.5vw;
            padding-left:0px;
    
        }
        .cropped.funding .col-sm-3.proj-title a{
            color:black;
            font-size:3vw; 
            font-weight:bold;
        }
    
        .cropped.funding .col-sm-1.proj-logo {
            padding-top:0.9vw; 
     
            padding-right:0px;
    
    
        }
        .cropped.funding .col-sm-1.proj-logo a img{
            float:right;
            width:30%;
    
    
    
    
        }
        .cropped.funding .col-sm-3.separator{
            display: none;
        }
        
        .cropped.funding .col-sm-4.proj-fund img{
    
            width:80%;
    
        }



    .cropped .header .col-sm-1 {
        padding-top: 0px;
        width: 150px;
    }


    .cropped .header .row-3  a {
        display: inline-block;
        color: black;
        font-size: 1vw;
        font-weight: bold;
        padding: 2.5vw 0.6vw;
        background-color: none;
        
    }

    .cropped .header .row-3  a.flags {
        float:right;
        
    }
    .cropped .header .row-3  a.flags img{
        width: 20px;
    }
    .cropped .header .col-sm-1 .sign-in-btn{
        padding-top: 1.5vw;
    }
    .cropped .header .col-sm-1 .sign-in-btn a{
        white-space: nowrap;
        border-radius: 20px;
        border: 2px solid #4CAF50;
        font-size:0.8vw;
        background-color: white;
        color: black;
        padding: 1vw 1vw;
        /*text-align: center;*/
        text-decoration: none;
        display: inline-block;
    }
    .cropped .header.col-sm-1 .sign-in-menu-item {
        display:none;
    }
    .cropped .header .row-3  a:hover  {
        color: green;
    }
    .cropped .header .row-3  a.sign-in-menu-item {
        display: none;
    }
}



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




  
        .row {
            width: 110%;
            height: 600px;
            text-align: left;
            padding: 0px 0px 0px 0px;
            font-size: 2vw;
        }
        .col-sm-2 { /**/
            font-family: "Arial"; /*Roboto Slab*/
            font-size: 1vw;
        }
        .col-sm-8 { /**/
            font-family: "Arial"; /*Roboto Slab*/
            font-size: 1vw;
        }
        .col-sm-8 img { /**/
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .header .col-sm-4.logo {
            white-space: nowrap;
            padding: 0px 0px 0px 200px;
        }

        .header .col-sm-4.logo a img {
            width:40px;
        }


    .col-sm-8 h1 { /**/
        padding-left: 40px;
        font-family: "Arial"; /*Roboto Slab*/
        font-size: 2vw;
    }
        .col-sm-8 h3 { /**/
            
            font-family: "Arial"; /*Roboto Slab*/
            font-size: 2vw;
        }
        .col-sm-8 h2 { /**/
            padding-left: 0px;
            font-family: "Arial"; /*Roboto Slab*/
            font-size: 1.1vw;
            color: #f4b426;
        }
            .col-sm-8 ul li { /**/
                padding-top: 10px;
                font-size: 1vw;
            }
        .col-sm-8 ol li { /**/
            padding-top:10px;
            font-size: 1vw;
        } 
        .row_all {
            padding: 0px 0px 0px 5vw;
            font-size: 1vw;
            float:left;
            background-color: white;
          }
        .cropped{
          width:100%;
          height:600px;
          background-repeat: no-repeat;
          background-position: center center;
          background-image:url("1100919008-huge.jpg");
          background-size: 100% 150% ;
          
        }

        .col {
          font-size:1vw;
          float:left;
          padding: 0px 0px 0px 0px;
          
          }
          h3{
              font-family: "Roboto Slab";
            font-size:1.5vw;
          }	
          /*.container a:not(:first-child) {}*/

    .col-sm-2 a:link, a:visited {
        /*background-color: green ; #6db060;*/
        color: white;
        padding: 14px 25px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }




          .container a.icon {
              float: right;
              display: none;
              top:100px;
              right:100px;
            }
            .container a {
            float: left;
            display: block;
            color: black;
            text-align: center;
            padding: 1px 1px 0px 1vw;
            text-decoration: none;
            font-size: 1vw;
            }



            .container #links{
            display:none;
            }

          .container {
            width:100%;
            padding: 0px 0px 0px 0px;

            overflow: hidden;
            background-color: #ffffff;
          }
        .nice_text {
            resize: horizontal;
            padding: 2% 10% 0px 0px;
            float: right;
        }

          .nice_text h1{
              font-size:40px;
          }
            .nice_text h2 {
                font-size: 30px;
            }

          .musicolab-home-text-res{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:none ;
            text-align: center;
            background-color: aliceblue;
            }

            .musicolab-home-text-res h2{
                font-size: 1vw;
              }



            .musicolab-home-text{
                width: 100%;
                padding: 0px 0px 0px 0px;
                display:inline-block ;
                text-align: center;
                background-color: rgb(255, 255, 255);
                }

                .musicolab-home-text .text{

                  text-align: left;

                  }
            .musicolab-home-text h1{
                  font-size: 2vw;
              }
              
        .courses{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: none ;
            text-align: center;
            background-color: aliceblue;
            }

        .score-editor{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: none ;
            text-align: center;
            background-color: aliceblue;
            }

        .play-along{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: none ;
            text-align: center;
            background-color: aliceblue;

            }

    .cropped.funding{
        height:10%;
        background-color:white;
        background-image:none;
    }
        
    .cropped.funding .col-sm-3.proj-title {
        padding-top:0.6vw;
        padding-left:0px;

    }
    .cropped.funding .col-sm-3.proj-title a{
        color:black;
        font-size:3vw; 
        font-weight:bold;
    }

    .cropped.funding .col-sm-1.proj-logo {
        padding-top:0.8vw; 
 
        padding-right:0px;


    }
    .cropped.funding .col-sm-1.proj-logo a img{
        float:right;
        width:40%;
    }
    
    .cropped.funding .col-sm-4.proj-fund img{

        width:100%;

    }

    
    .header {
        display: flex;
        resize: horizontal;
        white-space: nowrap;

        
    }
    .header .col-sm-4.logo {
        display: flex;
        resize: horizontal;
        padding-left:50px;
        padding-top:15px; 
    }
    .header .col-sm-4 .logo img{
        display: flex;
        resize: horizontal;
        width:40px;
        
    }
    .header .col-sm-4.logo a {
        display: flex;
        resize: horizontal;
        font-size: 3vw;
    }
    .header .col-sm-1 {
        display: flex;
        resize: horizontal;
        padding-top: 10px;
        width: 150px;
        
    }
    .header .row-3 .navbar-default a.flags {
        display: flex;
        resize: horizontal;
        padding-top: 40px;
        padding-left: 0px;

    }

    .header .row-3 .navbar-default  a {
        display: flex;
        resize: horizontal;

        font-size: 1.4vw;
    }
    .header .row-3 .navbar-default a:hover  {
        color: green;
    }
    .header .col-sm-1 .sign-in-btn {
        position: absolute;
        float:left;
        padding: 10px;
    }
    .header .col-sm-1 .sign-in-btn a { 
        border-radius: 20px;
        border: 2px solid #4CAF50;
        
        color: black;
        padding: 14px 10px;
        /*text-align: center;*/
        font-size: 1.2vw;
        text-decoration: none;
        display: inline-block;
    }
        .header .row-3 .navbar-default a.sign-in-menu-item {
            display: none;
        }


}



@media screen and (max-width: 1000px) {
    .container{
        display: flex;
        resize: horizontal;
    }




  
    .row {
        width: 110%;
        /*height: 600px;*/
        text-align: left;
        padding: 0px 0px 0px 0px;
        /*background-image:url("1100919008-huge.jpg");
          background-repeat: no-repeat;
          background-size: 100% 100%;*/

        font-size: 2vw;
    }
    .col-sm-2 { /**/
        font-family: "Arial"; /*Roboto Slab*/
        font-size: 1vw;
    }
    .col-sm-8 { /**/
        font-family: "Arial"; /*Roboto Slab*/
        font-size: 1vw;
    }
    .col-sm-8 img { /**/
        display: block;
        margin-left: auto;
        margin-right: auto;
    }



.col-sm-8 h1 { /**/
    padding-left: 40px;
    font-family: "Arial"; /*Roboto Slab*/
    font-size: 2vw;
}
    .col-sm-8 h3 { /**/
        
        font-family: "Arial"; /*Roboto Slab*/
        font-size: 2vw;
    }
    .col-sm-8 h2 { /**/
        padding-left: 0px;
        font-family: "Arial"; /*Roboto Slab*/
        font-size: 1.1vw;
        color: #f4b426;
    }
        .col-sm-8 ul li { /**/
            padding-top: 10px;
            font-size: 1vw;
        }
    .col-sm-8 ol li { /**/
        padding-top:10px;
        font-size: 1vw;
    } 
    .row_all {
        padding: 0px 0px 0px 5vw;
        font-size: 1vw;
        float:left;
        background-color: white;
      }
    .cropped{
      width:100%;
      height:400px;
      background-repeat: no-repeat;
      background-position: center center;
      background-image:url("1100919008-huge.jpg");
      background-size: 100% 100% ;
      
    }

    .col {
      font-size:1vw;
      float:left;
      padding: 0px 0px 0px 0px;
      
      }
      h3{
          font-family: "Roboto Slab";
        font-size:1.5vw;
      }	
      /*.container a:not(:first-child) {}*/

.col-sm-2 a:link, a:visited {
    /*background-color: green ; #6db060;*/
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}




      .container a.icon {
          float: right;
          display: none;
          top:100px;
          right:100px;
        }
        .container a {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 1px 1px 0px 1vw;
        text-decoration: none;
        font-size: 1vw;
        }



        .container #links{
        display:none;
        }

      .container {
        width:100%;
        padding: 0px 0px 0px 0px;

        overflow: hidden;
        background-color: #ffffff;
      }
    .nice_text {
        resize: horizontal;
        padding: 10% 10% 0px 0px;
        float: right;
    }

      .nice_text h1{
          font-size:30px;
      }
        .nice_text h2 {
            font-size: 20px;
        }

      .musicolab-home-text-res{
        width: 100%;
        padding: 0px 0px 0px 0px;
        display:none ;
        text-align: center;
        background-color: aliceblue;
        }

        .musicolab-home-text-res h2{
            font-size: 1vw;
          }



        .musicolab-home-text{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:inline-block ;
            text-align: center;
            background-color: rgb(255, 255, 255);
            }

            .musicolab-home-text .text{

              text-align: left;

              }
        .musicolab-home-text h1{
              font-size: 2vw;
          }
          
    .courses{
        width: 100%;
        padding: 0px 0px 0px 0px;
        display: none ;
        text-align: center;
        background-color: aliceblue;
        }

    .score-editor{
        width: 100%;
        padding: 0px 0px 0px 0px;
        display: none ;
        text-align: center;
        background-color: aliceblue;
        }

    .play-along{
        width: 100%;
        padding: 0px 0px 0px 0px;
        display: none ;
        text-align: center;
        background-color: aliceblue;

        }


    .cropped.funding{
        display: flex;
        resize: horizontal;
        height:10%;
        background-color:white;
        background-image:none;
    }
        
    .cropped.funding .col-sm-3.proj-title {
        padding-top:0.5vw;
        padding-left:0px;

    }
    .cropped.funding .col-sm-3.proj-title a{
        color:black;
        font-size:3vw; 
        font-weight:bold;
    }

    .cropped.funding .col-sm-1.proj-logo {
        padding-top:0.9vw; 
 
        padding-right:0px;


    }
    .cropped.funding .col-sm-1.proj-logo a img{
        float:right;
        width:30%;




    }
    .cropped.funding .col-sm-3.separator{
        display: none;
    }
    
    .cropped.funding .col-sm-4.proj-fund img{

        width:80%;

    }
.cropped .header .col-sm-4.logo {
    padding-left:1%;
    padding-top:1%;
    width: 25%;
}
.cropped .header .col-sm-4.logo a img{
    width: 30px;
    
}
.cropped .header .col-sm-4.logo a {
    font-size: 3vw;
}
.cropped .header .col-sm-1 {
    padding-top: 2%;
    width: 0px;
    
}
.cropped .header .row-3  a.flags {
    white-space: nowrap;

    padding-top: 20px;
    padding-left: 0px;

}
.cropped .header {
    white-space: nowrap;

    
}
.cropped .header .row-3   {
    white-space: nowrap;
    resize: horizontal;
    padding-top: 20px;
    
}
.cropped .header .row-3  a {
    white-space: nowrap;
    resize: horizontal;
    
    font-size: 1.2vw;
}
.cropped .header .row-3  a:hover  {
    color: green;
}
.cropped .header .col-sm-1 .sign-in-btn  { 

    padding-top: 0px 0px 0px 0px;

}
.cropped   .header .col-sm-1 .sign-in-btn a { 
        border-radius: 10px;
        border: 2px solid #4CAF50;
        
        color: black;
        padding-top: 14px;
        /*text-align: center;*/
        font-size: 1.2vw;
        text-decoration: none;
        /*display: inline-block;*/
    }
    .cropped .header .row-3 .navbar-default a.sign-in-menu-item {
        display: none;
    }


}






















@media screen and (max-width: 600px) {
    .container {
        width: 100%;
        height: 450px;
        padding: 0px 0px 0px 0px;
        background-color: white;

    }
    .cropped {
        width: 100%;
        height: 400px;
        background-color:white;
        background-repeat: no-repeat;
        /*background-position: center center;*/
        background-image: url("1100919008-huge.jpg");
        background-size: 100% 100%;
    }
    .cropped.responsive{
        width: 100%;
        height: 400px;
        padding-top: 0px;
        background-color:white;
        background-image:none;
    }
    .cropped .header .row-3 {
        padding-top: 0px;
    }
    .cropped .header .row-3  a{
        display: none;
    }
    .cropped .header{
        
        display: block;
        
    
    }
    .cropped.responsive .header .row-3 {
        padding-top: 25px;
    }
    .cropped.responsive .header .row-3 a {
        float:none;
        display: block;
        font-size: 5vw;
        padding-top:1vw;
        text-align: center;
        background-color:white;
    
    }
    .cropped .header .row-3 a.icon {
        display: flex;
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .cropped.responsive .header .row-3  a.icon {
        display: flex;
        position: absolute;
        right:10px;
        top: 5px;
    }

    .container.responsive {
       position: relative;
       padding-top: 0px;
    }

    
    .container.responsive .row{
            padding-top: 0px; 
    }
    .container.responsive .row .cropped{
        background-color:white;
        background-image: none;
        padding-top: 0px;
    }

    .cropped .header .row-3  a.flags img {
           
        width:40px;
    }






    .row {
        width: 100%;
        /*height: 400px; /*250px*/
        /*background-image:none;*/
        padding: 0px 0px 0px 0px;
        font-size: 4vw;
        background-color: white;
    }

        .row_all {
          padding: 0px 0px 0px 5vw;
          font-size: 4vw;
          float:left;
          background-color: white;
          
        }
        .row_all h3{
          font-size:5vw;
        padding:0px 0px 0px 0vw;
        }
        .row_all h4{
          font-size:4vw;
        }
        .row_all h5{
        font-size:3vw;	

            }

          .col {
          font-size:4vw;
          float:left;
          padding: 0px 0px 0px 0px; /*18vw*/
          width:100%;
          }
          /*#image{
            width:50%;
          }*/


            .cropped.funding{
                display: block;
                /*resize: none;*/
                /*height:0px;*/
                background-color:white;
                background-image:none;
            }       
            .cropped.funding.responsive {
                display: none;
            }
 
            .cropped.funding .col-sm-3.proj-title{
                display: none;
            } 

            .cropped.funding .col-sm-1.proj-logo a img{
                float:left;
                width:9%;    
            }  

            .cropped.funding .col-sm-4.proj-fund{
                float:left;
                width:80%;    
            }  
            .cropped.funding .col-sm-4.proj-fund img{
                
                width:90%;    
            }  

    .header .col-sm-4.logo {
        padding-left:20px;
        padding-top:0px; 
    }

        .header .col-sm-4.logo {
            width: 50vw;
            display: block;
            padding-top: 10px;
        }
    .header .col-sm-4.logo a {
        font-size: 5vw;
        display: inline-block;
    }
        .header .col-sm-4.logo a img {
            width: 5vw;
            /*padding-top: 0px;*/
        }



        .nice_text{
            display: none;
        }
        .col-sm-2 {
            display: none;
            padding-top:5px;
            background-color: white;
        }
        .col-sm-8 {
            display: none;
            padding-top: 5px;
            background-color: white;
            font-size: 4vw;
        }
    .col-sm-8 h1{
        background-color: white;
        font-size: 4vw;
    }
    .col-sm-8 h2{
        background-color: white;
        font-size: 4vw;
    }
    .col-sm-8 ul  li{
        background-color: white;
        font-size: 4vw;
    }
            .col-sm-8 ol li {
                background-color: white;
                font-size: 4vw;
            }
        .musicolab-home-text{
            display: none;


        }

        .button{
            display:none;

        }

        /*display: block;
          :not(:first-child)
      */






        .container.responsive  .logo {

            display: none;

        }




        .musicolab-home-text-res{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: inline-block ;
            text-align: center;
            background-color: white;
            }
        .musicolab-home-text-res h1{
            font-size:6vw;


        }
        .musicolab-home-text-res h2 {
            font-size: 4vw;
        }
        .musicolab-home-text{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: none ;
            text-align: center;
            background-color: white;
        }




        .courses{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:none;
            text-align: center;
            background-color: aliceblue;
            }

        .score-editor{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display:  none ;
            text-align: center;
            background-color: aliceblue;
            }

        .play-along{
            width: 100%;
            padding: 0px 0px 0px 0px;
            display: none;
            text-align: center;
            background-color: aliceblue;
            }
           .col-sm-1 a img {
                 width: 20px;
            }
    .header .col-sm-1 {

        display: none;
    }

    .header .col-sm-1 .sign-in-btn {

        display: none;
    }
    .header .row-3 .navbar-default a.sign-in-menu-item {
        display: none;
    }
    .container.responsive .navbar-default a.sign-in-menu-item {
        display: block;
    }

}





/*FOOOOOOOOOOOOOOOOOOOOTTTTTTTTTTTTTTTEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEERRRRRRRRRRRRRRRRRRRRRRR*/



@media screen and (max-width: 2700px) {
    .footer {
        width: 100%;
    }

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }

    .responsive-icons-fb {
        display: none;
    }
    .responsive-icons-vd {
        display: none;
    }
    /*.normal-size-icons-fb{
					display:inline-block;
					padding-top:6%;
					padding-bottom:6%;
				}*/
                .normal-size-icons-vd{
                    display: inline-block;
                    width: 100%;
                    padding-left: 50px;
                }
                        
                .normal-size-icons-vd a img{
                    display: inline-block;
                    width: 100px;
                }
    .normal-size-icons-vd {
        padding-left: 10%;
    }

}

@media screen and (max-width: 1400px) {
    .footer {
        width: 100%;
    }

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }

    .responsive-icons-fb {
        display: none;
    }
    .responsive-icons-vd {
        display: none;
    }
    /*.normal-size-icons-fb{
					display:inline-block;
					padding-top:6%;
					padding-bottom:6%;
				}*/
    .normal-size-icons-vd{
        display: inline-block;
        width: 100%;
        padding-left: 50px;
    }
            
    .normal-size-icons-vd a img{
        display: inline-block;
        width: 100px;
    }



}

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

    .footer {
        padding-top:0px;
        width: 100%;
    }

        .footer img{
            width: 100%;
        }

        .footer a img {
            width: 10%;
        }

    .col-sm-1 a img {
        width: 10%;
    }

    .normal-size-icons-fb {
        display: none;
    }

    .footer .responsive-icons-fb {
        display: inline-block;
        padding-top: 6%;
        padding-bottom: 6%;
        padding-left: 10%;
    }

    .footer .responsive-icons-fb a {
        /*padding-left: 2%;*/
    }

        .footer .responsive-icons-fb a img {
            display: inline-block;
            padding-left:6%;
            width: 20%;
            background-color: #FFFFFF;
        }


    .normal-size-icons-vd {
        display: none;
    }

    .footer .responsive-icons-vd {
        display: inline-block;
        padding-bottom: 20%;
        padding-left: 10%;
    }

     

            .footer .responsive-icons-vd a img {
                display: inline-block;
                /*padding-left: 1%;*/
                width: 30%;
                background-color: #FFFFFF;
            }

}