_base.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. html {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. body {
  6. width: 100%;
  7. height: 100%;
  8. font-family: $fontopensans;
  9. // pixelperfect
  10. // min-height: 3574px;
  11. // position: relative;
  12. // &:after {
  13. // content: '';
  14. // position: absolute;
  15. // width: 100%;
  16. // height: 100%;
  17. // top: 0;
  18. // left: 0;
  19. // background: url('/pp_index.jpg') 50% 0 no-repeat;
  20. // opacity: .5;
  21. // }
  22. // .wrapper {
  23. // z-index: 100 !important;
  24. // }
  25. }
  26. @media screen and (max-width: 640px) {
  27. .logo--header {
  28. width: 185px;
  29. }
  30. .logo--header .logo__img {
  31. width: 175px;
  32. }
  33. .region__section-box {
  34. width: 300px;
  35. }
  36. .region__section__items-list {
  37. display: block;
  38. width: calc(100% - 20px);
  39. }
  40. .search-float {
  41. display: none !important;
  42. }
  43. .leftbar {
  44. display: none !important;
  45. }
  46. .doctors__photo {
  47. margin: 0 auto;
  48. }
  49. .organization-info__container .vrach-info{
  50. margin: 15px 0;
  51. min-height: auto;
  52. }
  53. .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {
  54. width: 100%;
  55. margin-top: 15px !important;
  56. }
  57. .vrachi-border {
  58. border-left: none;
  59. }
  60. .vrach-title-dolznosti {
  61. border-bottom: none;
  62. }
  63. .organization-media {
  64. display: none !important;
  65. }
  66. .wrapper--footer {
  67. display: block !important;
  68. }
  69. .footer-logo {
  70. display: inline-block;
  71. margin-left: 10px;
  72. }
  73. .copyright {
  74. display: inline-block;
  75. width: calc(100% - 140px);
  76. margin-right: 0;
  77. }
  78. .copyright span {
  79. display: block;
  80. }
  81. .aferta {
  82. display: block;
  83. width: calc(100% - 20px);
  84. margin:0 10px;
  85. }
  86. .footer__right {
  87. display: block;
  88. width: calc(100% - 20px);
  89. margin:0 10px;
  90. }
  91. .footer__right .mainlinks {
  92. display: block;
  93. }
  94. .footer__right .mainlinks li {
  95. display: inline-block;
  96. }
  97. }