antonydoyle
2/10/2013 - 12:39 AM

Just the grid & mediaqueries plus normalize.css

Just the grid & mediaqueries plus normalize.css

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img { border: none; }

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; }

a:focus { color: #2795b6; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 13px; line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 44px; }

h2 { font-size: 37px; }

h3 { font-size: 27px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 13px; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .sys_hide-on-print { display: none !important; }
  .sys_print-only { display: block !important; }
  .sys_hide-for-print { display: none !important; }
  .sys_show-for-print { display: inherit !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.sys_row form .sys_row { margin: 0 -6px; }
.sys_row form .sys_row .sys_column, .sys_row form .sys_row .sys_columns { padding: 0 6px; }
.sys_row form .sys_row.sys_collapse { margin: 0; }
.sys_row form .sys_row.sys_collapse .sys_column, .sys_row form .sys_row.sys_collapse .sys_columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* The Grid ---------------------- */
.sys_row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.sys_row .sys_row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.sys_row.sys_collapse .sys_column, .sys_row.sys_collapse .sys_columns { padding: 0; }
.sys_row .sys_row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.sys_row .sys_row.sys_collapse { margin: 0; }

.sys_column, .sys_columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.sys_column.sys_centered, .sys_columns.sys_centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].sys_end { float: left; }

.sys_one, .sys_row .sys_one { width: 8.sys_33333%; }

.sys_two, .sys_row .sys_two { width: 16.sys_66667%; }

.sys_three, .sys_row .sys_three { width: 25%; }

.sys_four, .sys_row .sys_four { width: 33.sys_33333%; }

.sys_five, .sys_row .sys_five { width: 41.sys_66667%; }

.sys_six, .sys_row .sys_six { width: 50%; }

.sys_seven, .sys_row .sys_seven { width: 58.sys_33333%; }

.sys_eight, .sys_row .sys_eight { width: 66.sys_66667%; }

.sys_nine, .sys_row .sys_nine { width: 75%; }

.sys_ten, .sys_row .sys_ten { width: 83.sys_33333%; }

.sys_eleven, .sys_row .sys_eleven { width: 91.sys_66667%; }

.sys_twelve, .sys_row .sys_twelve { width: 100%; }

.sys_row .sys_offset-by-one { margin-left: 8.sys_33333%; }

.sys_row .sys_offset-by-two { margin-left: 16.sys_66667%; }

.sys_row .sys_offset-by-three { margin-left: 25%; }

.sys_row .sys_offset-by-four { margin-left: 33.sys_33333%; }

.sys_row .sys_offset-by-five { margin-left: 41.sys_66667%; }

.sys_row .sys_offset-by-six { margin-left: 50%; }

.sys_row .sys_offset-by-seven { margin-left: 58.sys_33333%; }

.sys_row .sys_offset-by-eight { margin-left: 66.sys_66667%; }

.sys_row .sys_offset-by-nine { margin-left: 75%; }

.sys_row .sys_offset-by-ten { margin-left: 83.sys_33333%; }

.sys_push-two { left: 16.sys_66667%; }

.sys_pull-two { right: 16.sys_66667%; }

.sys_push-three { left: 25%; }

.sys_pull-three { right: 25%; }

.sys_push-four { left: 33.sys_33333%; }

.sys_pull-four { right: 33.sys_33333%; }

.sys_push-five { left: 41.sys_66667%; }

.sys_pull-five { right: 41.sys_66667%; }

.sys_push-six { left: 50%; }

.sys_pull-six { right: 50%; }

.sys_push-seven { left: 58.sys_33333%; }

.sys_pull-seven { right: 58.sys_33333%; }

.sys_push-eight { left: 66.sys_66667%; }

.sys_pull-eight { right: 66.sys_66667%; }

.sys_push-nine { left: 75%; }

.sys_pull-nine { right: 75%; }

.sys_push-ten { left: 83.sys_33333%; }

.sys_pull-ten { right: 83.sys_33333%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .sys_map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.sys_row { *zoom: 1; }
.sys_row:before, .sys_row:after { content: " "; display: table; }
.sys_row:after { clear: both; }


/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.sys_show-for-small, .sys_show-for-medium, .sys_show-for-medium-down, .sys_hide-for-large, .sys_hide-for-large-up, .sys_show-for-xlarge, .sys_show-for-print { display: none !important; }

.sys_hide-for-small, .sys_hide-for-medium, .sys_hide-for-medium-down, .sys_show-for-large, .sys_show-for-large-up, .sys_hide-for-xlarge, .sys_hide-for-print { display: inherit !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) { .sys_hide-for-small, .sys_hide-for-medium, .sys_hide-for-medium-down, .sys_hide-for-large, .sys_show-for-large-up, .sys_show-for-xlarge { display: inherit !important; }
  .sys_show-for-small, .sys_show-for-medium, .sys_show-for-medium-down, .sys_show-for-large, .sys_hide-for-large-up, .sys_hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { .sys_hide-for-small, .sys_show-for-medium, .sys_show-for-medium-down, .sys_hide-for-large, .sys_hide-for-large-up, .sys_hide-for-xlarge { display: inherit !important; }
  .sys_show-for-small, .sys_hide-for-medium, .sys_hide-for-medium-down, .sys_show-for-large, .sys_show-for-large-up, .sys_show-for-xlarge { display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) { .sys_show-for-small, .sys_hide-for-medium, .sys_show-for-medium-down, .sys_hide-for-large, .sys_hide-for-large-up, .sys_hide-for-xlarge { display: inherit !important; }
  .sys_hide-for-small, .sys_show-for-medium, .sys_hide-for-medium-down, .sys_show-for-large, .sys_show-for-large-up, .sys_show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.sys_show-for-landscape, .sys_hide-for-portrait { display: inherit !important; }

.sys_hide-for-landscape, .sys_show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .sys_show-for-landscape, .sys_hide-for-portrait { display: inherit !important; }
  .sys_hide-for-landscape, .sys_show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .sys_show-for-portrait, .sys_hide-for-landscape { display: inherit !important; }
  .sys_hide-for-portrait, .sys_show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.sys_show-for-touch { display: none !important; }

.sys_hide-for-touch { display: inherit !important; }

.sys_touch .sys_show-for-touch { display: inherit !important; }

.sys_touch .sys_hide-for-touch { display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.sys_show-for-xlarge, table.sys_show-for-large, table.sys_hide-for-small, table.sys_hide-for-medium { display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) { .sys_touch table.sys_hide-for-xlarge, .sys_touch table.sys_hide-for-large, .sys_touch table.sys_hide-for-small, .sys_touch table.sys_show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.sys_hide-for-xlarge, table.sys_hide-for-large, table.sys_hide-for-medium, table.sys_show-for-small { display: table !important; } }
/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) { /* NavBar --- */
  /*            */
  .sys_touch .sys_nav-bar li.sys_has-flyout > a { padding-right: 36px !important; } }
/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .sys_flex-video { padding-top: 0; } }

/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) { 

 }
/* Small Devices ------------ */
@media only screen and (max-width: 767px) { 

  /* Global Misc --- */
  /*                 */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  .sys_row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .sys_column, .sys_columns { width: auto !important; float: none; }
  .sys_column:last-child, .sys_columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .sys_column:before, .sys_columns:before, .sys_column:after, .sys_columns:after { content: ""; display: table; }
  .sys_column:after, .sys_columns:after { clear: both; }
  .sys_offset-by-one, .sys_offset-by-two, .sys_offset-by-three, .sys_offset-by-four, .sys_offset-by-five, .sys_offset-by-six, .sys_offset-by-seven, .sys_offset-by-eight, .sys_offset-by-nine, .sys_offset-by-ten { margin-left: 0 !important; }
  .sys_push-two, .sys_push-three, .sys_push-four, .sys_push-five, .sys_push-six, .sys_push-seven, .sys_push-eight, .sys_push-nine, .sys_push-ten { left: auto; }
  .sys_pull-two, .sys_pull-three, .sys_pull-four, .sys_pull-five, .sys_pull-six, .sys_pull-seven, .sys_pull-eight, .sys_pull-nine, .sys_pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .sys_row .sys_mobile-one { width: 25% !important; float: left; padding: 0 10px; }
  .sys_row .sys_mobile-one:last-child { float: right; }
  .sys_row .sys_mobile-one.sys_end { float: left; }
  .sys_row.sys_collapse .sys_mobile-one { padding: 0; }
  .sys_row .sys_mobile-two { width: 50% !important; float: left; padding: 0 10px; }
  .sys_row .sys_mobile-two:last-child { float: right; }
  .sys_row .sys_mobile-two.sys_end { float: left; }
  .sys_row.sys_collapse .sys_mobile-two { padding: 0; }
  .sys_row .sys_mobile-three { width: 75% !important; float: left; padding: 0 10px; }
  .sys_row .sys_mobile-three:last-child { float: right; }
  .sys_row .sys_mobile-three.sys_end { float: left; }
  .sys_row.sys_collapse .sys_mobile-three { padding: 0; }
  .sys_row .sys_mobile-four { width: 100% !important; float: left; padding: 0 10px; }
  .sys_row .sys_mobile-four:last-child { float: right; }
  .sys_row .sys_mobile-four.sys_end { float: left; }
  .sys_row.sys_collapse .sys_mobile-four { padding: 0; }
  .sys_push-one-mobile { left: 25%; }
  .sys_pull-one-mobile { right: 25%; }
  .sys_push-two-mobile { left: 50%; }
  .sys_pull-two-mobile { right: 50%; }
  .sys_push-three-mobile { left: 75%; }
  .sys_pull-three-mobile { right: 75%; }
  /* Forms --- */
  /*           */
  /* Label alignment */
  label.sys_right { text-align: left; }
  /* Extend width of all inputs */
  input[type="text"].sys_one, .sys_row input[type="text"].sys_one, input[type="password"].sys_one, .sys_row input[type="password"].sys_one, input[type="date"].sys_one, .sys_row input[type="date"].sys_one, input[type="datetime"].sys_one, .sys_row input[type="datetime"].sys_one, input[type="email"].sys_one, .sys_row input[type="email"].sys_one, input[type="number"].sys_one, .sys_row input[type="number"].sys_one, input[type="search"].sys_one, .sys_row input[type="search"].sys_one, input[type="tel"].sys_one, .sys_row input[type="tel"].sys_one, input[type="time"].sys_one, .sys_row input[type="time"].sys_one, input[type="url"].sys_one, .sys_row input[type="url"].sys_one, textarea.sys_one, .sys_row textarea.sys_one { width: 100% !important; }
  input[type="text"].sys_two, .sys_row input[type="text"].sys_two, input[type="password"].sys_two, .sys_row input[type="password"].sys_two, input[type="date"].sys_two, .sys_row input[type="date"].sys_two, input[type="datetime"].sys_two, .sys_row input[type="datetime"].sys_two, input[type="email"].sys_two, .sys_row input[type="email"].sys_two, input[type="number"].sys_two, .sys_row input[type="number"].sys_two, input[type="search"].sys_two, .sys_row input[type="search"].sys_two, input[type="tel"].sys_two, .sys_row input[type="tel"].sys_two, input[type="time"].sys_two, .sys_row input[type="time"].sys_two, input[type="url"].sys_two, .sys_row input[type="url"].sys_two, textarea.sys_two, .sys_row textarea.sys_two { width: 100% !important; }
  input[type="text"].sys_three, .sys_row input[type="text"].sys_three, input[type="password"].sys_three, .sys_row input[type="password"].sys_three, input[type="date"].sys_three, .sys_row input[type="date"].sys_three, input[type="datetime"].sys_three, .sys_row input[type="datetime"].sys_three, input[type="email"].sys_three, .sys_row input[type="email"].sys_three, input[type="number"].sys_three, .sys_row input[type="number"].sys_three, input[type="search"].sys_three, .sys_row input[type="search"].sys_three, input[type="tel"].sys_three, .sys_row input[type="tel"].sys_three, input[type="time"].sys_three, .sys_row input[type="time"].sys_three, input[type="url"].sys_three, .sys_row input[type="url"].sys_three, textarea.sys_three, .sys_row textarea.sys_three { width: 100% !important; }
  input[type="text"].sys_four, .sys_row input[type="text"].sys_four, input[type="password"].sys_four, .sys_row input[type="password"].sys_four, input[type="date"].sys_four, .sys_row input[type="date"].sys_four, input[type="datetime"].sys_four, .sys_row input[type="datetime"].sys_four, input[type="email"].sys_four, .sys_row input[type="email"].sys_four, input[type="number"].sys_four, .sys_row input[type="number"].sys_four, input[type="search"].sys_four, .sys_row input[type="search"].sys_four, input[type="tel"].sys_four, .sys_row input[type="tel"].sys_four, input[type="time"].sys_four, .sys_row input[type="time"].sys_four, input[type="url"].sys_four, .sys_row input[type="url"].sys_four, textarea.sys_four, .sys_row textarea.sys_four { width: 100% !important; }
  input[type="text"].sys_five, .sys_row input[type="text"].sys_five, input[type="password"].sys_five, .sys_row input[type="password"].sys_five, input[type="date"].sys_five, .sys_row input[type="date"].sys_five, input[type="datetime"].sys_five, .sys_row input[type="datetime"].sys_five, input[type="email"].sys_five, .sys_row input[type="email"].sys_five, input[type="number"].sys_five, .sys_row input[type="number"].sys_five, input[type="search"].sys_five, .sys_row input[type="search"].sys_five, input[type="tel"].sys_five, .sys_row input[type="tel"].sys_five, input[type="time"].sys_five, .sys_row input[type="time"].sys_five, input[type="url"].sys_five, .sys_row input[type="url"].sys_five, textarea.sys_five, .sys_row textarea.sys_five { width: 100% !important; }
  input[type="text"].sys_six, .sys_row input[type="text"].sys_six, input[type="password"].sys_six, .sys_row input[type="password"].sys_six, input[type="date"].sys_six, .sys_row input[type="date"].sys_six, input[type="datetime"].sys_six, .sys_row input[type="datetime"].sys_six, input[type="email"].sys_six, .sys_row input[type="email"].sys_six, input[type="number"].sys_six, .sys_row input[type="number"].sys_six, input[type="search"].sys_six, .sys_row input[type="search"].sys_six, input[type="tel"].sys_six, .sys_row input[type="tel"].sys_six, input[type="time"].sys_six, .sys_row input[type="time"].sys_six, input[type="url"].sys_six, .sys_row input[type="url"].sys_six, textarea.sys_six, .sys_row textarea.sys_six { width: 100% !important; }
  input[type="text"].sys_seven, .sys_row input[type="text"].sys_seven, input[type="password"].sys_seven, .sys_row input[type="password"].sys_seven, input[type="date"].sys_seven, .sys_row input[type="date"].sys_seven, input[type="datetime"].sys_seven, .sys_row input[type="datetime"].sys_seven, input[type="email"].sys_seven, .sys_row input[type="email"].sys_seven, input[type="number"].sys_seven, .sys_row input[type="number"].sys_seven, input[type="search"].sys_seven, .sys_row input[type="search"].sys_seven, input[type="tel"].sys_seven, .sys_row input[type="tel"].sys_seven, input[type="time"].sys_seven, .sys_row input[type="time"].sys_seven, input[type="url"].sys_seven, .sys_row input[type="url"].sys_seven, textarea.sys_seven, .sys_row textarea.sys_seven { width: 100% !important; }
  input[type="text"].sys_eight, .sys_row input[type="text"].sys_eight, input[type="password"].sys_eight, .sys_row input[type="password"].sys_eight, input[type="date"].sys_eight, .sys_row input[type="date"].sys_eight, input[type="datetime"].sys_eight, .sys_row input[type="datetime"].sys_eight, input[type="email"].sys_eight, .sys_row input[type="email"].sys_eight, input[type="number"].sys_eight, .sys_row input[type="number"].sys_eight, input[type="search"].sys_eight, .sys_row input[type="search"].sys_eight, input[type="tel"].sys_eight, .sys_row input[type="tel"].sys_eight, input[type="time"].sys_eight, .sys_row input[type="time"].sys_eight, input[type="url"].sys_eight, .sys_row input[type="url"].sys_eight, textarea.sys_eight, .sys_row textarea.sys_eight { width: 100% !important; }
  input[type="text"].sys_nine, .sys_row input[type="text"].sys_nine, input[type="password"].sys_nine, .sys_row input[type="password"].sys_nine, input[type="date"].sys_nine, .sys_row input[type="date"].sys_nine, input[type="datetime"].sys_nine, .sys_row input[type="datetime"].sys_nine, input[type="email"].sys_nine, .sys_row input[type="email"].sys_nine, input[type="number"].sys_nine, .sys_row input[type="number"].sys_nine, input[type="search"].sys_nine, .sys_row input[type="search"].sys_nine, input[type="tel"].sys_nine, .sys_row input[type="tel"].sys_nine, input[type="time"].sys_nine, .sys_row input[type="time"].sys_nine, input[type="url"].sys_nine, .sys_row input[type="url"].sys_nine, textarea.sys_nine, .sys_row textarea.sys_nine { width: 100% !important; }
  input[type="text"].sys_ten, .sys_row input[type="text"].sys_ten, input[type="password"].sys_ten, .sys_row input[type="password"].sys_ten, input[type="date"].sys_ten, .sys_row input[type="date"].sys_ten, input[type="datetime"].sys_ten, .sys_row input[type="datetime"].sys_ten, input[type="email"].sys_ten, .sys_row input[type="email"].sys_ten, input[type="number"].sys_ten, .sys_row input[type="number"].sys_ten, input[type="search"].sys_ten, .sys_row input[type="search"].sys_ten, input[type="tel"].sys_ten, .sys_row input[type="tel"].sys_ten, input[type="time"].sys_ten, .sys_row input[type="time"].sys_ten, input[type="url"].sys_ten, .sys_row input[type="url"].sys_ten, textarea.sys_ten, .sys_row textarea.sys_ten { width: 100% !important; }
  input[type="text"].sys_eleven, .sys_row input[type="text"].sys_eleven, input[type="password"].sys_eleven, .sys_row input[type="password"].sys_eleven, input[type="date"].sys_eleven, .sys_row input[type="date"].sys_eleven, input[type="datetime"].sys_eleven, .sys_row input[type="datetime"].sys_eleven, input[type="email"].sys_eleven, .sys_row input[type="email"].sys_eleven, input[type="number"].sys_eleven, .sys_row input[type="number"].sys_eleven, input[type="search"].sys_eleven, .sys_row input[type="search"].sys_eleven, input[type="tel"].sys_eleven, .sys_row input[type="tel"].sys_eleven, input[type="time"].sys_eleven, .sys_row input[type="time"].sys_eleven, input[type="url"].sys_eleven, .sys_row input[type="url"].sys_eleven, textarea.sys_eleven, .sys_row textarea.sys_eleven { width: 100% !important; }
  input[type="text"].sys_twelve, .sys_row input[type="text"].sys_twelve, input[type="password"].sys_twelve, .sys_row input[type="password"].sys_twelve, input[type="date"].sys_twelve, .sys_row input[type="date"].sys_twelve, input[type="datetime"].sys_twelve, .sys_row input[type="datetime"].sys_twelve, input[type="email"].sys_twelve, .sys_row input[type="email"].sys_twelve, input[type="number"].sys_twelve, .sys_row input[type="number"].sys_twelve, input[type="search"].sys_twelve, .sys_row input[type="search"].sys_twelve, input[type="tel"].sys_twelve, .sys_row input[type="tel"].sys_twelve, input[type="time"].sys_twelve, .sys_row input[type="time"].sys_twelve, input[type="url"].sys_twelve, .sys_row input[type="url"].sys_twelve, textarea.sys_twelve, .sys_row textarea.sys_twelve { width: 100% !important; }
  }

@media only screen and (max-width: 940px) { 

   }