Oycheungad (Talk | contribs) |
Oycheungad (Talk | contribs) |
||
Line 555: | Line 555: | ||
} | } | ||
− | @media screen and ( | + | @media screen and (max-width:320px) { |
− | + | .cards__description--back span { | |
+ | position: absolute; | ||
+ | width: 80%; | ||
+ | top: 50%; | ||
+ | margin-top: -1em; | ||
+ | margin-left: 2.5em; | ||
+ | text-align: center; | ||
+ | font-size: 4px; | ||
+ | font-family: 'Impact', sans-serif; | ||
+ | color: #880000; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width:481px) { | ||
+ | /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ | ||
+ | .cards__description--back span { | ||
+ | position: absolute; | ||
+ | width: 80%; | ||
+ | top: 50%; | ||
+ | margin-top: -1em; | ||
+ | margin-left: 2.5em; | ||
+ | text-align: center; | ||
+ | font-size: 6px; | ||
+ | font-family: 'Impact', sans-serif; | ||
+ | color: #880000; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width:641px) { | ||
+ | /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ | ||
+ | .cards__description--back span { | ||
+ | position: absolute; | ||
+ | width: 80%; | ||
+ | top: 50%; | ||
+ | margin-top: -1em; | ||
+ | margin-left: 2.5em; | ||
+ | text-align: center; | ||
+ | font-size: 8px; | ||
+ | font-family: 'Impact', sans-serif; | ||
+ | color: #880000; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width:961px) { | ||
+ | /* tablet, landscape iPad, lo-res laptops ands desktops */ | ||
+ | .cards__description--back span { | ||
+ | position: absolute; | ||
+ | width: 80%; | ||
+ | top: 50%; | ||
+ | margin-top: -1em; | ||
+ | margin-left: 2.5em; | ||
+ | text-align: center; | ||
+ | font-size: 10px; | ||
+ | font-family: 'Impact', sans-serif; | ||
+ | color: #880000; | ||
+ | } | ||
} | } | ||
− | |||
− | |||
− | |||
@media screen and (max-width:1025px) { | @media screen and (max-width:1025px) { | ||
.cards__description--back span { | .cards__description--back span { | ||
Line 569: | Line 618: | ||
margin-left: 2.5em; | margin-left: 2.5em; | ||
text-align: center; | text-align: center; | ||
− | font-size: | + | font-size: 12px; |
font-family: 'Impact', sans-serif; | font-family: 'Impact', sans-serif; | ||
color: #880000; | color: #880000; | ||
} | } | ||
} | } | ||
− | |||
− | |||
− | |||
div.spacing { | div.spacing { |
Revision as of 15:24, 29 September 2017
Our Advisors