/* IMAGEN GRANDE GENERAL   E INPUT 2    */
            @media (max-width:8000px) and (min-width: 1000px) {






      .buttonpartirlogo2{


      color:white;
      background-color:green;
      padding:7px 16px;
  margin-top:-10px;
    font-size:17px;
    margin-left:5px;

      }




      .buttonpartirlogo{

      color:white;
      background-color:green;
      padding:7px 16px;
  margin-top:-10px;
    font-size:17px;

      }





      .buttonpararlogo{



      color:white;
      background-color:red;
      padding:7px 16px;

    font-size:17px;
      margin-left:10px;


      }





.dot {
  width: 23px;
  height: 23px;
  background-color: #99ff99;

border-radius:50%;
padding:8px 0px;
  margin-top:15px;
display: inline-block;
  margin-left:15px;
}




.dot2 {
  width: 23px;
  height: 23px;
  background-color: red;
display: inline-block;
border-radius:50%;
    margin-left:1px;
    
    
}



.dot3 {
  font-size: 24px;
margin-top:-10px;
color:red;
margin-left:2px;


}




}














           /* IMAGEN GRANDE GENERAL   E INPUT 2    */
            @media (max-width:1000px) and (min-width: 600px) {






      .buttonpartirlogo2{

      color:white;
      background-color:green;
      padding:6px 12px;
      margin-left:10px;

      }




      .buttonpartirlogo{

      color:white;
      background-color:green;
      padding:6px 12px;
  margin-top:-10px;

      }





      .buttonpararlogo{



      color:white;
      background-color:red;
      padding:6px 12px;
      margin-left:10px;


      }





.dot {
  width: 21px;
  height: 21px;
  background-color: #99ff99;

border-radius:50%;
padding:8px 0px;
  margin-top:15px;
display: inline-block;
  margin-left:15px;
}




.dot2 {
  width: 21px;
  height: 21px;
  background-color: red;
display: inline-block;
border-radius:50%;
    margin-left:1px;
    
    
}



.dot3 {
  font-size: 22px;
margin-top:-10px;
color:red;
margin-left:2px;


}




}











           /* IMAGEN GRANDE GENERAL   E INPUT 2    */
            @media (max-width:600px) and (min-width: 450px) {






      .buttonpartirlogo2{

      color:white;
      background-color:green;
      padding:6px 12px;
      margin-left:10px;

      }




      .buttonpartirlogo{

      color:white;
      background-color:green;
      padding:6px 12px;
  margin-top:-10px;

      }





      .buttonpararlogo{



      color:white;
      background-color:red;
      padding:6px 12px;
      margin-left:10px;


      }





.dot {
  width: 21px;
  height: 21px;
  background-color: #99ff99;

border-radius:50%;
padding:8px 0px;
  margin-top:15px;
display: inline-block;
  margin-left:5px;
}




.dot2 {
  width: 21px;
  height: 21px;
  background-color: red;
display: inline-block;
border-radius:50%;
    margin-left:1px;
    
    
}



.dot3 {
  font-size: 22px;
margin-top:-10px;
color:red;
margin-left:1px;


}




}










           /* IMAGEN GRANDE GENERAL   E INPUT 2    */
            @media (max-width:450px) and (min-width: 350px) {






      .buttonpartirlogo2{

      color:white;
      background-color:green;
      padding:6px 12px;
      margin-left:10px;

      }




      .buttonpartirlogo{

      color:white;
      background-color:green;
      padding:6px 12px;
  margin-top:-10px;

      }





      .buttonpararlogo{



      color:white;
      background-color:red;
      padding:6px 12px;
      margin-left:10px;


      }






.dot {
  width: 17px;
  height: 17px;
  background-color: #99ff99;

border-radius:50%;
padding:8px 0px;
  margin-top:15px;
display: inline-block;
  margin-left:5px;
}




.dot2 {
  width: 17px;
  height: 17px;
  background-color: red;
display: inline-block;
border-radius:50%;
    margin-left:1px;
    
    
}



.dot3 {
  font-size: 16px;

color:red;
margin-left:1px;


}



}
















           /* IMAGEN GRANDE GENERAL   E INPUT 2    */
            @media (max-width:350px) and (min-width: 150px) {







      .buttonpartirlogo2{

      color:white;
      background-color:green;
      padding:4px 12px;
      margin-left:10px;

      }




      .buttonpartirlogo{

      color:white;
      background-color:blue;
      padding:8px 12px;
  margin-top:-10px;

      }





      .buttonpararlogo{



      color:white;
      background-color:red;
      padding:8px 12px;
      margin-left:10px;


      }




.dot {
  width: 17px;
  height: 17px;
  background-color: #99ff99;

border-radius:50%;
padding:8px 0px;
  margin-top:15px;
display: inline-block;
  margin-left:5px;
}




.dot2 {
  width: 17px;
  height: 17px;
  background-color: red;
display: inline-block;
border-radius:50%;
    margin-left:1px;
    
    
}



.dot3 {
  font-size: 16px;

color:red;
margin-left:1px;


}



}