SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html>3 <head>4 <style>5 @charset "UTF-8";6 7/* Reset */8 9html,10body,11div,12span,13applet,14object,15iframe,16h1,17h2,18h3,19h4,20h5,21h6,22p,23blockquote,24pre,25a,26abbr,27acronym,28address,29big,30cite,31code,32del,33dfn,34em,35img,36ins,37kbd,38q,39s,40samp,41small,42strike,43strong,44sub,45sup,46tt,47var,48b,49u,50i,51center,52dl,53dt,54dd,55ol,56ul,57li,58fieldset,59form,60label,61legend,62table,63caption,64tbody,65tfoot,66thead,67tr,68th,69td,70article,71aside,72canvas,73details,74embed,75figure,76figcaption,77footer,78header,79hgroup,80menu,81nav,82output,83ruby,84section,85summary,86time,87mark,88audio,89video {90 margin: 0;91 padding: 0;92 border: 0;93 font-size: 100%;94 font: inherit;95 vertical-align: baseline;96}97 98article,99aside,100details,101figcaption,102figure,103footer,104header,105hgroup,106menu,107nav,108section {109 display: block;110}111 112body {113 line-height: 1;114}115 116ol,117ul {118 list-style: none;119}120 121blockquote,122q {123 quotes: none;124}125 126blockquote:before,127blockquote:after,128q:before,129q:after {130 content: '';131 content: none;132}133 134table {135 border-collapse: collapse;136 border-spacing: 0;137}138 139body {140 -webkit-text-size-adjust: none;141}142 143 144/* Box Model */145 146*,147*:before,148*:after {149 -moz-box-sizing: border-box;150 -webkit-box-sizing: border-box;151 box-sizing: border-box;152}153 154 155/* Containers */156 157.container {158 margin-left: auto;159 margin-right: auto;160}161 162.container.\31 25\25 {163 width: 100%;164 max-width: 100em;165 min-width: 80em;166}167 168.container.\37 5\25 {169 width: 60em;170}171 172.container.\35 0\25 {173 width: 40em;174}175 176.container.\32 5\25 {177 width: 20em;178}179 180.container {181 width: 80em;182}183 184@media screen and (max-width: 1680px) {185 .container.\31 25\25 {186 width: 100%;187 max-width: 100em;188 min-width: 80em;189 }190 .container.\37 5\25 {191 width: 60em;192 }193 .container.\35 0\25 {194 width: 40em;195 }196 .container.\32 5\25 {197 width: 20em;198 }199 .container {200 width: 80em;201 }202}203 204@media screen and (max-width: 1280px) {205 .container.\31 25\25 {206 width: 100%;207 max-width: 81.25em;208 min-width: 65em;209 }210 .container.\37 5\25 {211 width: 48.75em;212 }213 .container.\35 0\25 {214 width: 32.5em;215 }216 .container.\32 5\25 {217 width: 16.25em;218 }219 .container {220 width: 65em;221 }222}223 224@media screen and (max-width: 980px) {225 .container.\31 25\25 {226 width: 100%;227 max-width: 112.5%;228 min-width: 90%;229 }230 .container.\37 5\25 {231 width: 67.5%;232 }233 .container.\35 0\25 {234 width: 45%;235 }236 .container.\32 5\25 {237 width: 22.5%;238 }239 .container {240 width: 90% !important;241 }242}243 244@media screen and (max-width: 736px) {245 .container.\31 25\25 {246 width: 100%;247 max-width: 112.5%;248 min-width: 90%;249 }250 .container.\37 5\25 {251 width: 67.5%;252 }253 .container.\35 0\25 {254 width: 45%;255 }256 .container.\32 5\25 {257 width: 22.5%;258 }259 .container {260 width: 90% !important;261 }262}263 264@media screen and (max-width: 480px) {265 .container.\31 25\25 {266 width: 100%;267 max-width: 112.5%;268 min-width: 90%;269 }270 .container.\37 5\25 {271 width: 67.5%;272 }273 .container.\35 0\25 {274 width: 45%;275 }276 .container.\32 5\25 {277 width: 22.5%;278 }279 .container {280 width: 90% !important;281 }282}283 284 285/* Grid */286 287.row {288 border-bottom: solid 1px transparent;289 -moz-box-sizing: border-box;290 -webkit-box-sizing: border-box;291 box-sizing: border-box;292}293 294.row>* {295 float: left;296 -moz-box-sizing: border-box;297 -webkit-box-sizing: border-box;298 box-sizing: border-box;299}300 301.row:after,302.row:before {303 content: '';304 display: block;305 clear: both;306 height: 0;307}308 309.row.uniform>*> :first-child {310 margin-top: 0;311}312 313.row.uniform>*> :last-child {314 margin-bottom: 0;315}316 317.row.\30 \25>* {318 padding: 0 0 0 0em;319}320 321.row.\30 \25 {322 margin: 0 0 -1px 0em;323}324 325.row.uniform.\30 \25>* {326 padding: 0em 0 0 0em;327}328 329.row.uniform.\30 \25 {330 margin: 0em 0 -1px 0em;331}332 333.row>* {334 padding: 0 0 0 2em;335}336 337.row {338 margin: 0 0 -1px -2em;339}340 341.row.uniform>* {342 padding: 2em 0 0 2em;343}344 345.row.uniform {346 margin: -2em 0 -1px -2em;347}348 349.row.\32 00\25>* {350 padding: 0 0 0 4em;351}352 353.row.\32 00\25 {354 margin: 0 0 -1px -4em;355}356 357.row.uniform.\32 00\25>* {358 padding: 4em 0 0 4em;359}360 361.row.uniform.\32 00\25 {362 margin: -4em 0 -1px -4em;363}364 365.row.\31 50\25>* {366 padding: 0 0 0 3em;367}368 369.row.\31 50\25 {370 margin: 0 0 -1px -3em;371}372 373.row.uniform.\31 50\25>* {374 padding: 3em 0 0 3em;375}376 377.row.uniform.\31 50\25 {378 margin: -3em 0 -1px -3em;379}380 381.row.\35 0\25>* {382 padding: 0 0 0 1em;383}384 385.row.\35 0\25 {386 margin: 0 0 -1px -1em;387}388 389.row.uniform.\35 0\25>* {390 padding: 1em 0 0 1em;391}392 393.row.uniform.\35 0\25 {394 margin: -1em 0 -1px -1em;395}396 397.row.\32 5\25>* {398 padding: 0 0 0 0.5em;399}400 401.row.\32 5\25 {402 margin: 0 0 -1px -0.5em;403}404 405.row.uniform.\32 5\25>* {406 padding: 0.5em 0 0 0.5em;407}408 409.row.uniform.\32 5\25 {410 margin: -0.5em 0 -1px -0.5em;411}412 413.\31 2u,414.\31 2u\24 {415 width: 100%;416 clear: none;417 margin-left: 0;418}419 420.\31 1u,421.\31 1u\24 {422 width: 91.[PHONE REDACTED]%;423 clear: none;424 margin-left: 0;425}426 427.\31 0u,428.\31 0u\24 {429 width: 83.[PHONE REDACTED]%;430 clear: none;431 margin-left: 0;432}433 434.\39 u,435.\39 u\24 {436 width: 75%;437 clear: none;438 margin-left: 0;439}440 441.\38 u,442.\38 u\24 {443 width: 66.[PHONE REDACTED]%;444 clear: none;445 margin-left: 0;446}447 448.\37 u,449.\37 u\24 {450 width: 58.[PHONE REDACTED]%;451 clear: none;452 margin-left: 0;453}454 455.\36 u,456.\36 u\24 {457 width: 50%;458 clear: none;459 margin-left: 0;460}461 462.\35 u,463.\35 u\24 {464 width: 41.[PHONE REDACTED]%;465 clear: none;466 margin-left: 0;467}468 469.\34 u,470.\34 u\24 {471 width: 33.[PHONE REDACTED]%;472 clear: none;473 margin-left: 0;474}475 476.\33 u,477.\33 u\24 {478 width: 25%;479 clear: none;480 margin-left: 0;481}482 483.\32 u,484.\32 u\24 {485 width: 16.[PHONE REDACTED]%;486 clear: none;487 margin-left: 0;488}489 490.\31 u,491.\31 u\24 {492 width: 8.[PHONE REDACTED]%;493 clear: none;494 margin-left: 0;495}496 497.\31 2u\24+*,498.\31 1u\24+*,499.\31 0u\24+*,500.\39 u\24+*,501.\38 u\24+*,502.\37 u\24+*,503.\36 u\24+*,504.\35 u\24+*,505.\34 u\24+*,506.\33 u\24+*,507.\32 u\24+*,508.\31 u\24+* {509 clear: left;510}511 512.\-11u {513 margin-left: 91.66667%;514}515 516.\-10u {517 margin-left: 83.33333%;518}519 520.\-9u {521 margin-left: 75%;522}523 524.\-8u {525 margin-left: 66.66667%;526}527 528.\-7u {529 margin-left: 58.33333%;530}531 532.\-6u {533 margin-left: 50%;534}535 536.\-5u {537 margin-left: 41.66667%;538}539 540.\-4u {541 margin-left: 33.33333%;542}543 544.\-3u {545 margin-left: 25%;546}547 548.\-2u {549 margin-left: 16.66667%;550}551 552.\-1u {553 margin-left: 8.33333%;554}555 556@media screen and (max-width: 1680px) {557 .row>* {558 padding: 0 0 0 2em;559 }560 .row {561 margin: 0 0 -1px -2em;562 }563 .row.uniform>* {564 padding: 2em 0 0 2em;565 }566 .row.uniform {567 margin: -2em 0 -1px -2em;568 }569 .row.\32 00\25>* {570 padding: 0 0 0 4em;571 }572 .row.\32 00\25 {573 margin: 0 0 -1px -4em;574 }575 .row.uniform.\32 00\25>* {576 padding: 4em 0 0 4em;577 }578 .row.uniform.\32 00\25 {579 margin: -4em 0 -1px -4em;580 }581 .row.\31 50\25>* {582 padding: 0 0 0 3em;583 }584 .row.\31 50\25 {585 margin: 0 0 -1px -3em;586 }587 .row.uniform.\31 50\25>* {588 padding: 3em 0 0 3em;589 }590 .row.uniform.\31 50\25 {591 margin: -3em 0 -1px -3em;592 }593 .row.\35 0\25>* {594 padding: 0 0 0 1em;595 }596 .row.\35 0\25 {597 margin: 0 0 -1px -1em;598 }599 .row.uniform.\35 0\25>* {600 padding: 1em 0 0 1em;601 }602 .row.uniform.\35 0\25 {603 margin: -1em 0 -1px -1em;604 }605 .row.\32 5\25>* {606 padding: 0 0 0 0.5em;607 }608 .row.\32 5\25 {609 margin: 0 0 -1px -0.5em;610 }611 .row.uniform.\32 5\25>* {612 padding: 0.5em 0 0 0.5em;613 }614 .row.uniform.\32 5\25 {615 margin: -0.5em 0 -1px -0.5em;616 }617 .\31 2u\28xlarge\29,618 .\31 2u\24\28xlarge\29 {619 width: 100%;620 clear: none;621 margin-left: 0;622 }623 .\31 1u\28xlarge\29,624 .\31 1u\24\28xlarge\29 {625 width: 91.[PHONE REDACTED]%;626 clear: none;627 margin-left: 0;628 }629 .\31 0u\28xlarge\29,630 .\31 0u\24\28xlarge\29 {631 width: 83.[PHONE REDACTED]%;632 clear: none;633 margin-left: 0;634 }635 .\39 u\28xlarge\29,636 .\39 u\24\28xlarge\29 {637 width: 75%;638 clear: none;639 margin-left: 0;640 }641 .\38 u\28xlarge\29,642 .\38 u\24\28xlarge\29 {643 width: 66.[PHONE REDACTED]%;644 clear: none;645 margin-left: 0;646 }647 .\37 u\28xlarge\29,648 .\37 u\24\28xlarge\29 {649 width: 58.[PHONE REDACTED]%;650 clear: none;651 margin-left: 0;652 }653 .\36 u\28xlarge\29,654 .\36 u\24\28xlarge\29 {655 width: 50%;656 clear: none;657 margin-left: 0;658 }659 .\35 u\28xlarge\29,660 .\35 u\24\28xlarge\29 {661 width: 41.[PHONE REDACTED]%;662 clear: none;663 margin-left: 0;664 }665 .\34 u\28xlarge\29,666 .\34 u\24\28xlarge\29 {667 width: 33.[PHONE REDACTED]%;668 clear: none;669 margin-left: 0;670 }671 .\33 u\28xlarge\29,672 .\33 u\24\28xlarge\29 {673 width: 25%;674 clear: none;675 margin-left: 0;676 }677 .\32 u\28xlarge\29,678 .\32 u\24\28xlarge\29 {679 width: 16.[PHONE REDACTED]%;680 clear: none;681 margin-left: 0;682 }683 .\31 u\28xlarge\29,684 .\31 u\24\28xlarge\29 {685 width: 8.[PHONE REDACTED]%;686 clear: none;687 margin-left: 0;688 }689 .\31 2u\24\28xlarge\29+*,690 .\31 1u\24\28xlarge\29+*,691 .\31 0u\24\28xlarge\29+*,692 .\39 u\24\28xlarge\29+*,693 .\38 u\24\28xlarge\29+*,694 .\37 u\24\28xlarge\29+*,695 .\36 u\24\28xlarge\29+*,696 .\35 u\24\28xlarge\29+*,697 .\34 u\24\28xlarge\29+*,698 .\33 u\24\28xlarge\29+*,699 .\32 u\24\28xlarge\29+*,700 .\31 u\24\28xlarge\29+* {701 clear: left;702 }703 .\-11u\28xlarge\29 {704 margin-left: 91.66667%;705 }706 .\-10u\28xlarge\29 {707 margin-left: 83.33333%;708 }709 .\-9u\28xlarge\29 {710 margin-left: 75%;711 }712 .\-8u\28xlarge\29 {713 margin-left: 66.66667%;714 }715 .\-7u\28xlarge\29 {716 margin-left: 58.33333%;717 }718 .\-6u\28xlarge\29 {719 margin-left: 50%;720 }721 .\-5u\28xlarge\29 {722 margin-left: 41.66667%;723 }724 .\-4u\28xlarge\29 {725 margin-left: 33.33333%;726 }727 .\-3u\28xlarge\29 {728 margin-left: 25%;729 }730 .\-2u\28xlarge\29 {731 margin-left: 16.66667%;732 }733 .\-1u\28xlarge\29 {734 margin-left: 8.33333%;735 }736}737 738@media screen and (max-width: 1280px) {739 .row>* {740 padding: 0 0 0 1.5em;741 }742 .row {743 margin: 0 0 -1px -1.5em;744 }745 .row.uniform>* {746 padding: 1.5em 0 0 1.5em;747 }748 .row.uniform {749 margin: -1.5em 0 -1px -1.5em;750 }751 .row.\32 00\25>* {752 padding: 0 0 0 3em;753 }754 .row.\32 00\25 {755 margin: 0 0 -1px -3em;756 }757 .row.uniform.\32 00\25>* {758 padding: 3em 0 0 3em;759 }760 .row.uniform.\32 00\25 {761 margin: -3em 0 -1px -3em;762 }763 .row.\31 50\25>* {764 padding: 0 0 0 2.25em;765 }766 .row.\31 50\25 {767 margin: 0 0 -1px -2.25em;768 }769 .row.uniform.\31 50\25>* {770 padding: 2.25em 0 0 2.25em;771 }772 .row.uniform.\31 50\25 {773 margin: -2.25em 0 -1px -2.25em;774 }775 .row.\35 0\25>* {776 padding: 0 0 0 0.75em;777 }778 .row.\35 0\25 {779 margin: 0 0 -1px -0.75em;780 }781 .row.uniform.\35 0\25>* {782 padding: 0.75em 0 0 0.75em;783 }784 .row.uniform.\35 0\25 {785 margin: -0.75em 0 -1px -0.75em;786 }787 .row.\32 5\25>* {788 padding: 0 0 0 0.375em;789 }790 .row.\32 5\25 {791 margin: 0 0 -1px -0.375em;792 }793 .row.uniform.\32 5\25>* {794 padding: 0.375em 0 0 0.375em;795 }796 .row.uniform.\32 5\25 {797 margin: -0.375em 0 -1px -0.375em;798 }799 .\31 2u\28large\29,800 .\31 2u\24\28large\29 {801 width: 100%;802 clear: none;803 margin-left: 0;804 }805 .\31 1u\28large\29,806 .\31 1u\24\28large\29 {807 width: 91.[PHONE REDACTED]%;808 clear: none;809 margin-left: 0;810 }811 .\31 0u\28large\29,812 .\31 0u\24\28large\29 {813 width: 83.[PHONE REDACTED]%;814 clear: none;815 margin-left: 0;816 }817 .\39 u\28large\29,818 .\39 u\24\28large\29 {819 width: 75%;820 clear: none;821 margin-left: 0;822 }823 .\38 u\28large\29,824 .\38 u\24\28large\29 {825 width: 66.[PHONE REDACTED]%;826 clear: none;827 margin-left: 0;828 }829 .\37 u\28large\29,830 .\37 u\24\28large\29 {831 width: 58.[PHONE REDACTED]%;832 clear: none;833 margin-left: 0;834 }835 .\36 u\28large\29,836 .\36 u\24\28large\29 {837 width: 50%;838 clear: none;839 margin-left: 0;840 }841 .\35 u\28large\29,842 .\35 u\24\28large\29 {843 width: 41.[PHONE REDACTED]%;844 clear: none;845 margin-left: 0;846 }847 .\34 u\28large\29,848 .\34 u\24\28large\29 {849 width: 33.[PHONE REDACTED]%;850 clear: none;851 margin-left: 0;852 }853 .\33 u\28large\29,854 .\33 u\24\28large\29 {855 width: 25%;856 clear: none;857 margin-left: 0;858 }859 .\32 u\28large\29,860 .\32 u\24\28large\29 {861 width: 16.[PHONE REDACTED]%;862 clear: none;863 margin-left: 0;864 }865 .\31 u\28large\29,866 .\31 u\24\28large\29 {867 width: 8.[PHONE REDACTED]%;868 clear: none;869 margin-left: 0;870 }871 .\31 2u\24\28large\29+*,872 .\31 1u\24\28large\29+*,873 .\31 0u\24\28large\29+*,874 .\39 u\24\28large\29+*,875 .\38 u\24\28large\29+*,876 .\37 u\24\28large\29+*,877 .\36 u\24\28large\29+*,878 .\35 u\24\28large\29+*,879 .\34 u\24\28large\29+*,880 .\33 u\24\28large\29+*,881 .\32 u\24\28large\29+*,882 .\31 u\24\28large\29+* {883 clear: left;884 }885 .\-11u\28large\29 {886 margin-left: 91.66667%;887 }888 .\-10u\28large\29 {889 margin-left: 83.33333%;890 }891 .\-9u\28large\29 {892 margin-left: 75%;893 }894 .\-8u\28large\29 {895 margin-left: 66.66667%;896 }897 .\-7u\28large\29 {898 margin-left: 58.33333%;899 }900 .\-6u\28large\29 {901 margin-left: 50%;902 }903 .\-5u\28large\29 {904 margin-left: 41.66667%;905 }906 .\-4u\28large\29 {907 margin-left: 33.33333%;908 }909 .\-3u\28large\29 {910 margin-left: 25%;911 }912 .\-2u\28large\29 {913 margin-left: 16.66667%;914 }915 .\-1u\28large\29 {916 margin-left: 8.33333%;917 }918}919 920@media screen and (max-width: 980px) {921 .row>* {922 padding: 0 0 0 1.5em;923 }924 .row {925 margin: 0 0 -1px -1.5em;926 }927 .row.uniform>* {928 padding: 1.5em 0 0 1.5em;929 }930 .row.uniform {931 margin: -1.5em 0 -1px -1.5em;932 }933 .row.\32 00\25>* {934 padding: 0 0 0 3em;935 }936 .row.\32 00\25 {937 margin: 0 0 -1px -3em;938 }939 .row.uniform.\32 00\25>* {940 padding: 3em 0 0 3em;941 }942 .row.uniform.\32 00\25 {943 margin: -3em 0 -1px -3em;944 }945 .row.\31 50\25>* {946 padding: 0 0 0 2.25em;947 }948 .row.\31 50\25 {949 margin: 0 0 -1px -2.25em;950 }951 .row.uniform.\31 50\25>* {952 padding: 2.25em 0 0 2.25em;953 }954 .row.uniform.\31 50\25 {955 margin: -2.25em 0 -1px -2.25em;956 }957 .row.\35 0\25>* {958 padding: 0 0 0 0.75em;959 }960 .row.\35 0\25 {961 margin: 0 0 -1px -0.75em;962 }963 .row.uniform.\35 0\25>* {964 padding: 0.75em 0 0 0.75em;965 }966 .row.uniform.\35 0\25 {967 margin: -0.75em 0 -1px -0.75em;968 }969 .row.\32 5\25>* {970 padding: 0 0 0 0.375em;971 }972 .row.\32 5\25 {973 margin: 0 0 -1px -0.375em;974 }975 .row.uniform.\32 5\25>* {976 padding: 0.375em 0 0 0.375em;977 }978 .row.uniform.\32 5\25 {979 margin: -0.375em 0 -1px -0.375em;980 }981 .\31 2u\28medium\29,982 .\31 2u\24\28medium\29 {983 width: 100%;984 clear: none;985 margin-left: 0;986 }987 .\31 1u\28medium\29,988 .\31 1u\24\28medium\29 {989 width: 91.[PHONE REDACTED]%;990 clear: none;991 margin-left: 0;992 }993 .\31 0u\28medium\29,994 .\31 0u\24\28medium\29 {995 width: 83.[PHONE REDACTED]%;996 clear: none;997 margin-left: 0;998 }999 .\39 u\28medium\29,1000 .\39 u\24\28medium\29 {1001 width: 75%;1002 clear: none;1003 margin-left: 0;1004 }1005 .\38 u\28medium\29,1006 .\38 u\24\28medium\29 {1007 width: 66.[PHONE REDACTED]%;1008 clear: none;1009 margin-left: 0;1010 }1011 .\37 u\28medium\29,1012 .\37 u\24\28medium\29 {1013 width: 58.[PHONE REDACTED]%;1014 clear: none;1015 margin-left: 0;1016 }1017 .\36 u\28medium\29,1018 .\36 u\24\28medium\29 {1019 width: 50%;1020 clear: none;1021 margin-left: 0;1022 }1023 .\35 u\28medium\29,1024 .\35 u\24\28medium\29 {1025 width: 41.[PHONE REDACTED]%;1026 clear: none;1027 margin-left: 0;1028 }1029 .\34 u\28medium\29,1030 .\34 u\24\28medium\29 {1031 width: 33.[PHONE REDACTED]%;1032 clear: none;1033 margin-left: 0;1034 }1035 .\33 u\28medium\29,1036 .\33 u\24\28medium\29 {1037 width: 25%;1038 clear: none;1039 margin-left: 0;1040 }1041 .\32 u\28medium\29,1042 .\32 u\24\28medium\29 {1043 width: 16.[PHONE REDACTED]%;1044 clear: none;1045 margin-left: 0;1046 }1047 .\31 u\28medium\29,1048 .\31 u\24\28medium\29 {1049 width: 8.[PHONE REDACTED]%;1050 clear: none;1051 margin-left: 0;1052 }1053 .\31 2u\24\28medium\29+*,1054 .\31 1u\24\28medium\29+*,1055 .\31 0u\24\28medium\29+*,1056 .\39 u\24\28medium\29+*,1057 .\38 u\24\28medium\29+*,1058 .\37 u\24\28medium\29+*,1059 .\36 u\24\28medium\29+*,1060 .\35 u\24\28medium\29+*,1061 .\34 u\24\28medium\29+*,1062 .\33 u\24\28medium\29+*,1063 .\32 u\24\28medium\29+*,1064 .\31 u\24\28medium\29+* {1065 clear: left;1066 }1067 .\-11u\28medium\29 {1068 margin-left: 91.66667%;1069 }1070 .\-10u\28medium\29 {1071 margin-left: 83.33333%;1072 }1073 .\-9u\28medium\29 {1074 margin-left: 75%;1075 }1076 .\-8u\28medium\29 {1077 margin-left: 66.66667%;1078 }1079 .\-7u\28medium\29 {1080 margin-left: 58.33333%;1081 }1082 .\-6u\28medium\29 {1083 margin-left: 50%;1084 }1085 .\-5u\28medium\29 {1086 margin-left: 41.66667%;1087 }1088 .\-4u\28medium\29 {1089 margin-left: 33.33333%;1090 }1091 .\-3u\28medium\29 {1092 margin-left: 25%;1093 }1094 .\-2u\28medium\29 {1095 margin-left: 16.66667%;1096 }1097 .\-1u\28medium\29 {1098 margin-left: 8.33333%;1099 }1100}1101 1102@media screen and (max-width: 736px) {1103 .row>* {1104 padding: 0 0 0 1.25em;1105 }1106 .row {1107 margin: 0 0 -1px -1.25em;1108 }1109 .row.uniform>* {1110 padding: 1.25em 0 0 1.25em;1111 }1112 .row.uniform {1113 margin: -1.25em 0 -1px -1.25em;1114 }1115 .row.\32 00\25>* {1116 padding: 0 0 0 2.5em;1117 }1118 .row.\32 00\25 {1119 margin: 0 0 -1px -2.5em;1120 }1121 .row.uniform.\32 00\25>* {1122 padding: 2.5em 0 0 2.5em;1123 }1124 .row.uniform.\32 00\25 {1125 margin: -2.5em 0 -1px -2.5em;1126 }1127 .row.\31 50\25>* {1128 padding: 0 0 0 1.875em;1129 }1130 .row.\31 50\25 {1131 margin: 0 0 -1px -1.875em;1132 }1133 .row.uniform.\31 50\25>* {1134 padding: 1.875em 0 0 1.875em;1135 }1136 .row.uniform.\31 50\25 {1137 margin: -1.875em 0 -1px -1.875em;1138 }1139 .row.\35 0\25>* {1140 padding: 0 0 0 0.625em;1141 }1142 .row.\35 0\25 {1143 margin: 0 0 -1px -0.625em;1144 }1145 .row.uniform.\35 0\25>* {1146 padding: 0.625em 0 0 0.625em;1147 }1148 .row.uniform.\35 0\25 {1149 margin: -0.625em 0 -1px -0.625em;1150 }1151 .row.\32 5\25>* {1152 padding: 0 0 0 0.3125em;1153 }1154 .row.\32 5\25 {1155 margin: 0 0 -1px -0.3125em;1156 }1157 .row.uniform.\32 5\25>* {1158 padding: 0.3125em 0 0 0.3125em;1159 }1160 .row.uniform.\32 5\25 {1161 margin: -0.3125em 0 -1px -0.3125em;1162 }1163 .\31 2u\28small\29,1164 .\31 2u\24\28small\29 {1165 width: 100%;1166 clear: none;1167 margin-left: 0;1168 }1169 .\31 1u\28small\29,1170 .\31 1u\24\28small\29 {1171 width: 91.[PHONE REDACTED]%;1172 clear: none;1173 margin-left: 0;1174 }1175 .\31 0u\28small\29,1176 .\31 0u\24\28small\29 {1177 width: 83.[PHONE REDACTED]%;1178 clear: none;1179 margin-left: 0;1180 }1181 .\39 u\28small\29,1182 .\39 u\24\28small\29 {1183 width: 75%;1184 clear: none;1185 margin-left: 0;1186 }1187 .\38 u\28small\29,1188 .\38 u\24\28small\29 {1189 width: 66.[PHONE REDACTED]%;1190 clear: none;1191 margin-left: 0;1192 }1193 .\37 u\28small\29,1194 .\37 u\24\28small\29 {1195 width: 58.[PHONE REDACTED]%;1196 clear: none;1197 margin-left: 0;1198 }1199 .\36 u\28small\29,1200 .\36 u\24\28small\29 {