galeria.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*
  2. To change this license header, choose License Headers in Project Properties.
  3. To change this template file, choose Tools | Templates
  4. and open the template in the editor.
  5. */
  6. /*
  7. Created on : 3/06/2020, 08:31:25 PM
  8. Author : Ale
  9. */
  10. figure .anuncio{
  11. width: 660px;
  12. max-width: 660px;
  13. }
  14. figure .fondo{
  15. background: url(../../img/fondo.webp);
  16. border-left: 0 !important;
  17. border-right: 0 !important;
  18. border-bottom: 10px solid #001D68 !important;
  19. border-top: 10px solid #001D68 !important;
  20. }
  21. figure .fondo .imgAnuncio{
  22. background-size: contain;
  23. width: 500px;
  24. height: 225px;
  25. border: 0;
  26. margin: 0 auto;
  27. }
  28. figure .txt1Fig, figure .txt2Fig, figure .txt3Fig{
  29. font-family: 'indivisa-text-bold';
  30. line-height: 1;
  31. }
  32. figure .txt1Fig{
  33. font-size: 5rem;
  34. }
  35. figure .txt2Fig{
  36. font-size: 3rem;
  37. }
  38. figure .txt3Fig{
  39. font-size: 1.75rem;
  40. }
  41. #espacio{
  42. height: 70px;
  43. }
  44. @media (max-width:799px){
  45. figure .anuncio{ width: 500px !important; }
  46. figure .fondo .imgAnuncio{
  47. width: 400px;
  48. height: 181px;
  49. }
  50. figure .txt1Fig{ font-size: 4rem; }
  51. figure .txt2Fig{ font-size: 2rem; }
  52. figure .txt3Fig{ font-size: 1.5rem; }
  53. }
  54. @media (max-width:560px){
  55. figure .anuncio{ width: 300px !important; }
  56. figure .fondo .imgAnuncio{
  57. width: 250px;
  58. height: 113px;
  59. }
  60. figure .txt1Fig{ font-size: 2.75rem; }
  61. figure .txt2Fig{ font-size: 1.75rem; }
  62. figure .txt3Fig{ font-size: 1rem; }
  63. }
  64. @media (max-width:320px){
  65. figure .anuncio{ width: 200px !important; }
  66. figure .fondo .imgAnuncio{
  67. width: 150px;
  68. height: 68px;
  69. }
  70. figure .txt1Fig{ font-size: 1.75rem; }
  71. figure .txt2Fig{ font-size: 1.25rem; }
  72. }