artist/css/style2.css

   1 @-ms-viewport{
   2 width: device-width;
   3 }
   4
   5 @-webkit-viewport
   6 {
   7 width: device-width;
   8 }
   9
  10 @-moz-viewport
  11 {width: device-width;
  12 }
  13
  14 @-ms-viewport{
  15 width: device-width;
  16 }
  17
  18 @-o-viewport{
  19 width: device-width;
  20 }
  21
  22 @viewport{
  23 width: device-width;
  24 }
  25
  26 @media screen and (max-width:2048px)/*2048x1536*/
  27 {
  28 .well{
  29 width:50%;
  30 margin-top:3%;
  31 margin-bottom:2%;
  32 }
  33 }
  34
  35 @media screen and (max-width:1280px)/*1280x800, 1280x720*/
  36 {
  37 .well{
  38 width:60%;
  39 margin-top:3%;
  40 margin-bottom:2%;
  41 }
  42 }
  43
  44 @media screen and (max-width:1054px)/*1054x720*/
  45 {
  46 .well{
  47 width:60%;
  48 margin-top:3%;
  49 margin-bottom:2%;
  50 }
  51 }
  52
  53 @media screen and (max-width:1024px)/*1024x600*/
  54 {
  55 .well{
  56 width:60%;
  57 margin-top:3%;
  58 margin-bottom:2%;
  59 }
  60 }
  61
  62 @media screen and (max-width:960px)/*960x540, 960x640*/
  63 {
  64 .well{
  65 width:70%;
  66 margin-top:3%;
  67 margin-bottom:2%;
  68 }
  69 }
  70
  71 @media screen and max-width: 800px)/*800x400, 800x480*/
  72 {
  73 .well{
  74 width:80%;
  75 margin-top:3%;
  76 margin-bottom:2%;
  77 }
  78 }
  79
  80 @media screen and (max-width: 768px)/*768x1024, 768x1280*/
  81 {
  82 .well{
  83 width:60%;
  84 margin-top:3%;
  85 margin-bottom:2%;
  86 }
  87 }
  88
  89 @media screen and (max-width:640px)/*640x1136, 640x480*/
  90 {
  91 .well{
  92 width:70%;
  93 margin-top:3%;
  94 margin-bottom:2%;
  95 }
  96 }
  97
  98 @media screen and (max-width:540px)/*540x960*/
  99 {
 100 .well{
 101 width:80%;
 102 margin-top:3%;
 103 margin-bottom:2%;
 104 }
 105 }
 106
 107 @media screen and (max-width:480px)/*480x320, 480x360, 480x800*/
 108 {
 109 .well{
 110 width:90%;
 111 margin-top:3%;
 112 margin-bottom:2%;
 113 }
 114 }
 115
 116 @media screen and (max-width:320px)/*320x480*/
 117 {
 118 .well{
 119 width:90%;
 120 margin-top:3%;
 121 margin-bottom:2%;
 122 }
 123 }
 124
 125 @media screen and (max-width:240px)/*240x320*/
 126 {
 127 .well{
 128 width:90%;
 129 margin-top:3%;
 130 margin-bottom:2%;
 131 }
 132 }
 133
 134 @media screen and (max-width:180px)/*240x320*/
 135 {
 136 .well{
 137 width:95%;
 138 margin-top:3%;
 139 margin-bottom:2%;
 140 }
 141 }
 142
 143
 144