I reduced the content width of the site to 1000px rather than the 1200px
we used for University center.
.row {
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
width: 100%; }
.row:before, .row:after {
content: " ";
.reveal-modal {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 80%; } }
@media only screen and (min-width:40.063em) {
.reveal-modal.tiny {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 30%; } }
@media only screen and (min-width:40.063em) {
.reveal-modal.small {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 40%; } }
@media only screen and (min-width:40.063em) {
.reveal-modal.medium {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 60%; } }
@media only screen and (min-width:40.063em) {
.reveal-modal.large {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 70%; } }
@media only screen and (min-width:40.063em) {
.reveal-modal.xlarge {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 95%; } }
.reveal-modal.full {
.reveal-modal.full {
left: 0;
margin: 0 auto;
- max-width: 75rem;
+ max-width: 62.5rem;
right: 0;
width: 100%; } }
.reveal-modal.toback {
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
- max-width: 75rem; }
+ max-width: 62.5rem; }
.top-bar-section {
transition: none 0 0;
left: 0 !important; }
// $include-html-grid-classes: $include-html-classes;
// $include-xl-html-grid-classes: false;
-$row-width: rem-calc(1200);
+$row-width: rem-calc(1000);
$total-columns: 12;
$column-gutter: rem-calc(30);