html {
    background: #FFF;
}

body {
    min-width: 320px;
    margin: 0 auto;
    background: #FFF;
}

article {
    min-height: 500px;
}

a {
    color: #2DABD1;
}

iframe {
    max-width: 100%;
}


img.leftAlone {
    max-width: 100%;
    height: auto;
}

a:hover,
a:focus,
a:active {
    color: #2DABD1;
    text-decoration: none;
}
#Content {
    margin-top: 30px;
}
#Content .col-sm-6 > :first-child,
#Content .col-xs-12:first-child > :first-child {
    margin-top: 0px;
}

/*** Bootstrap Overrides ***/
.alert {
    margin-top: 40px;
}
.page-header {
    border: none;
    margin: 20px 0 0;
    line-height: 1.167em;
    padding: 0;
    font-size: 3.571em;
}

.emergency-message {
    padding: 15px 0 10px 0;
    background-color: lightpink;
    font-weight: bold;
    font-size: 1.2em;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.navbar-toggle {
    padding: 10px 0 0;
    margin: 0;
    font-size: 1.1em;
    float: left;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li.active > a:hover {
    background-color: transparent;
    color: #2DABD1;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav-pills > li a {
    color: #000;
    padding: 10px 70px 10px 15px;
    font-size: 1.0em;
    text-transform: uppercase;
}
.nav-pills > li:last-child a {
    padding: 10px 0 10px 15px;
}

/*** Header Section ***/
header {
    border-bottom: 1px solid #000;
}

/** Top Navigation **/
header #HeaderNav {
    background-color: #000;
    padding: 4px 0;
    color: #FFF;
}
header #HeaderNav a {
    color: #FFF;
}
header #HeaderNav a:hover,
header #HeaderNav a:active,
header #HeaderNav a:focus {
    color: #AAA;
}
header #HeaderNav .nav > li > a {
    font-weight: normal;
    padding: 5px 15px;
    font-size: 1.0em;
    background: none;
}
header #HeaderNav li.active a {
    font-weight: bold;
}
header #HeaderNav .nav.pull-left li:first-child a {
    padding-left: 0;
}

/** Navigation ***/
header #MainNav .navbar {
    color: #000;
    padding: 10px 0;
    margin: 0;
}
header #MainNav button .icon-menu {
    font-size: 1.8em;
}

header #MainNav ul {
    text-align: justify;
    line-height: 0;
}
header #MainNav ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
header #MainNav li {
    display: inline-block;
    line-height: 0;
}
header #MainNav li a {
    color: #000;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 0;
    font-size: 1.786em;
    font-weight: bold;
    line-height: 40px;
}
header #MainNav li a:hover,
header #MainNav li a:focus {
    background-color: transparent;
    color: #2DABD1;
}
header #MainNav li.active a {
    color: #2DABD1;
}

/** Header **/
header #HeaderContent {
    padding-top: 10px;
}
header #HeaderContent .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}
header #HeaderContent .header-text {
    padding-top: 10px;
}
header #HeaderContent .header-text p,
header #HeaderContent address {
    line-height: 1.1em;
    font-size: 1.286em;
    font-weight: 400;
    padding-bottom: 5px;
    text-align: right;
}

/** Search **/
header #Search .search-form-button {
    font-size: 1.3em;
}
header #Search .form-control-feedback {
    height: auto;
    width: auto;
    position: relative;
    right: auto;
    top: auto;
}
header #Search .icon-search {
    padding-top: 2px;
}
header .form-search {
    padding: 10px 0;
    display: none;
}
header .form-search .search-query ~ i {
    color: #FFF;
    top: 8px;
    right: 3px;
    font-size: 1.367em;
}
header .form-search .search-query {
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    background-color: #FFF;
}
header .search-form-section {
    height: 0;
}
header .search-form-section .search-form-button-close {
    display: none;
    padding-top: 15px;
    padding-left: 40px;
    font-size: 1.6em;
}

/*** Footer Section ***/

/** Main Footer **/
footer {
    border-top: 1px solid #000;
    padding-top: 50px;
    font-size: 1.286em;
    margin-top: 40px;
}
footer a {
    color: #000;
}

footer .footer-navigation ul{
    list-style: none;
}
footer .footer-navigation li{
    display: inline-block;
    padding-right: 15px;
}
footer .footer-navigation li a {
    font-weight: 400;
}
footer .footer-navigation li.active a {
    font-weight: bold;
}
footer .footer-qualmark a {
    float: right;
    padding-left: 10px;
}

/** Footer Bottom Section **/
footer #Copyright {
    text-align: right;
    padding-top: 10px;
    font-size: 0.786em;
}
footer #Disclaimer {
    background-color: #F3F3F3;
    padding: 10px 0;
    margin-top: 40px;
}
footer #Terms ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
footer #Terms ul li:first-child {
    padding-left: 0;
}
footer #Terms ul li:last-child {   
    padding-right: 0;
}
footer #Terms ul li {
    display: inline;
    padding: 0 5px;
}
footer #Terms ul li a {
    font-size: inherit;
}

/** Social Media Section **/
.social-media ul {
    list-style: none;
    margin: 10px 0;
    padding-left: 0;
    text-align: left;
}
.social-media li {
    display: inline;
    padding: 0 5px;
}
.social-media li a {
    font-weight: bold;
    font-size: 2.143em;
}

/*** Pills ***/
#Pills {
    background-color: #F3F3F3;
    margin-top: 30px;
}
#Pills .nav-pills {
    padding: 10px 0;
}
#Pills .nav-pills div a {
    font-size: 1.143em;
    line-height: 0.933em;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    color: #000;
}
#Pills .nav-pills div a:hover,
#Pills .nav-pills div a:focus {
    background-color: transparent;
}
#Pills .nav-pills>div.active>a,
#Pills .nav-pills>div.active>a:focus,
#Pills .nav-pills>div.active>a:hover {
    background-color: transparent;
    color: #2DABD1;
}

/*** Blog ***/
#BlogRss {
    cursor: pointer;
    font-size: 2em;
    position: relative;
    float: right;
    bottom: 40px;
}
#BlogAside h3{
    margin-top: 40px;
}
#BlogAside .arrow {
    display: none;
}
#BlogAside ul {
    padding-top: 10px;
    padding-left: 20px;
}
#BlogAside ul li {
    padding-bottom: 3px;
}
.blog-entry .post-summary:not(:first-child) {
    border-top: 3px solid #000;
    margin-top: 40px;
}
.blog-post-meta a {
    color: #2DABD1;
}
.post-summary h2 {
    border-bottom: 1px solid #000;
    padding: 20px 0 10px;
}
.post-link a {
    text-transform: uppercase;
    font-weight: bold;
    color: #2DABD1;
}
.blog-post-meta {
    font-weight: bold;
}
.blog-entry .post-image {
    margin-bottom: 30px;
}

.post-summary {
    display: flex;
    flex-direction: row;
}

.post-summary-image {
    padding-top:40px;
    padding-right: 20px;
}


/*** All tiles ***/
.tile-1x1, .tile-2x1, .tile-2x2, .tile-3x1, .tile-3x2 {
    position: relative;
    overflow: hidden;
}

.isotope-two .tile {
    min-height: 380px;
}
.isotope-three .tile {
    min-height: 380px;
}
.isotope-four .tile {
    min-height: 260px;
}
.tile a {
    text-transform: uppercase;
}
.tile img {
    height: 100%;
    width: 100%;
}
.tile .tile-title {
    position: absolute;
    width: 100%;
    min-height: 90px;
    margin: 0;
    color: #FFF;
    padding: 20px 20px;
    bottom: 0;
}
.tile .tile-title h2,
.tile .tile-title h3 {
    font-size: 1.6em;
    position: relative;
    margin: 5px 0 5px;
}
.tile .tile-title h3 {
    font-size: 1.2em;
}

    .tile .tile-title h4 {
        font-size: 1.5em;
        font-weight: bold;
        margin: 5px 0 5px;
    }

.tile .tile-category:hover,
.tile .tile-title:hover {
    opacity: 0.8;
}
.tile a .tile-title:parent {
    height: 100000px;
}
.tile .tile-inner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: inherit;
    padding-bottom: 30px;
    background-repeat: no-repeat;
}

.tile .tile-inner .img-small {
    display: none;
}

.tile .tile-category {
    position: absolute;
    right: 20px;
    width: 135px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 1.071em;
    color: #FFF;
}
.tile .tile-category.tile-chevron:after {
    content: ' >';
    font-weight: 700;
    opacity: 0.4;
}

.tile span.sash {
    position: absolute;   
    width: 100%; 
    transform: rotate(30deg) ;

    background: rgba(177,100,100,0.7);
    top: 34px;
    left: 56px;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
}

.tile-1x1 span.sash {
    top: 50px;
    left: 80px;
}

.tile-2x1 span.sash {
    position: absolute;   
    width: 100%; 
    transform: rotate(30deg) ;

    background: rgba(177,100,100,0.7);
    top: 34px;
    left: 256px;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    text-transform: uppercase;
}

/*** Blog tile ***/
/*.tile.blogtile {
    background: #FFF;
}*/
/*.tile.blogtile .tile-title {
    position: relative;
    bottom: unset;
    color: #000;
    height: 90px;
    line-height: 90px;
    padding: 0;
    vertical-align: middle;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 0 20px 0;
    font-size: 2.100em;
}*/
/*.tile.blogtile .tile-blog-title {
    font-size: 1.786em;
}
.tile.blogtile time {
    font-size: 1.571em;
    font-weight: bold;
}
.tile.blogtile .tile-content {
    font-size: 0.929em;
    max-height: 140px;
    overflow: hidden;
}
.tile.blogtile a.tile-more {
    text-transform: uppercase;
    color: #2DABD1;
    font-weight: 700;
}
.tile.blogtile .tile-more::after {
    content: ' >';
}*/

.tile.blogtile p {
    text-transform: none;
}
.cs-black-blog {
    background-color: rgba(0, 0, 0, 0.4);
}
.tile.blogtile .tile-inset {
    font-weight: bold;
    text-align: right;


}

.tile.blogtile .tile-inset::after {
content: ' >';
             
}

/*** Hover Tile ***/
.tile.navigationtile .tile-title { 
   font-size: 1.0em;
}
.tile.navigationtile .tile-title.hover-text {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    height:0;
}
.tile.navigationtile .tile-title.hover-text .tile-hover-section {
    display: none;
    padding-top: 10px;
}
.tile.navigationtile:hover .tile-title.hover-text {
    height: 50% !important;
}
.tile.navigationtile:hover .tile-title.hover-text .tile-hover-section {
    display: block;
}

.tile.navigationtile .tile-title h3 {
    margin: 0 0 5px;
    font-size: 1.6em;
}
.tile.navigationtile a {
    text-transform: none;
}
/*** Isotope defaults ***/
.isotope {
    position: relative;
    margin: 0 auto;
}
.isotope-filter .Actions {
    float: right;
}

/*** Isotope Collections ***/
.isotope-collections {
    margin-top: 0;
}
.isotope-collections .tile-1x1 {
    width: 48%;
    height: 400px;
}
.isotope-collections .tile-2x1 {
    width: 100%;
    height: 400px;
}
.isotope-collections .tile-title {
    bottom: 30px;
}

/*** Isotope Two ***/

.isotope-two .tile-1x1 {
    width:48%;
    height:350px;

}

/*** Isotope Three ***/
.isotope-three .tile-1x1 {
    width: 32%;
    height: 400px;
}
.isotope-three .tile-2x1 {
    width: 66%;
    height: 400px;
}
.isotope-three .tile-2x2 {
    width: 66%;
    height: 800px;
}

.isotope-three .tile-title {
    bottom: 30px;
}
/*** Isotope Four ***/
.isotope-four .tile-1x1 {
    width: 23.5%;
    height: 280px;
}
.isotope-four .tile-2x2 {
    width: 49.5%;
    height: 570px;
}
.isotope-four .tile-title {
    bottom: 30px;
}

/*** Miscelaneous ***/
.border-top-black {
   border-top: 1px solid #000; 
}
.border-bottom-black {
   border-bottom: 1px solid #000; 
}
.no-padding {
    padding: 0;
}
#Breadcrumbs {
    text-transform: lowercase;
}
#Breadcrumbs a {
    color: #000;
}
#Breadcrumbs a:hover,
#Breadcrumbs a:focus,
#Breadcrumbs a:active,
#Breadcrumbs span.active {
    color: #2DABD1;
}

/*** Content Section ***/
#PageTitle {
    position: relative;
}

/*** Buttons ***/
om-buttons,
a.om-buttons {
    font-weight: bold;
    padding: 7px 10px;
    color: #FFF !important;
}
om-button-black,
a.om-button-black {
    background-color: #000;
}

.two-column-content {
    padding-bottom: 20px;
}

.two-column-content img {
    max-width: 100%;
    height: auto;
}

/*** Interaction Section ***/

#Interaction .interaction-title h1 {
    margin-bottom: 0;
}
#Interaction .interaction-section {
    padding-top: 40px;
    padding-bottom: 40px;
}
#Interaction .interaction-content-section h4 {
    margin-top: 0;
}
#Interaction .interaction-content-section p,
#Interaction .interaction-content-section ul,
#Interaction .interaction-content-section ol {
    margin-bottom: 15px;
}
#Interaction .interaction-content-section li {
    margin-bottom: 5px;
}
/** Flexslider **/
#InteractionMainImage {
    /* max-height: 425px; */
}
#InteractionMainImage img {
    max-height: 425px; 
    max-width:100%;
}

#InteractionMainImage.widecarousel {
    max-height: none;
}

#InteractionMainImage,
#InteractionCarousel,
#BlogMainImage,
#BlogCarousel
 {
    margin: 0 0 10px;
    border: none;
}
#InteractionImage img,
#InteractionMainImage ul.slides li img {
    width: 100%;
    max-height: 425px;
}

#InteractionMainImage.widecarousel ul.slides li img {
    width: 100%;
    max-height: none;
}
#InteractionMainImage .flex-direction-nav {
    display: none;
}
#InteractionCarousel ul.slides li img,
#BlogCarousel ul.slides li img
 {
    width: 150px;
    height: 100px;
}
#InteractionInformation {
    padding-top: 10px;
}
#InteractionVeeziLink {
    display: block;
    padding: 20px 0;
}
#InteractionType {
    color: #2DABD1;
}

/*** Collections ***/
#CollectionsSearch form {
    padding-top: 0;
}
#CollectionsSearch input[type=search] {
   width: 100%;
   height: 50px;
}
#CollectionsSearch .Actions {
    position: absolute;
    right: 15px;
    top: 0;
}
#CollectionsSearch a span {
    line-height: 2em;
    color: #333035;
    font-size: 0.857em;
    text-transform: uppercase;
}
#CollectionsSearch .collection-filter {
    margin-bottom: 60px;
}
#CollectionsSearch .collection-filter h3 {
    border-bottom: 1px solid #D7D7D7;
}
#CollectionsSearch .collection-filter h3,
#CollectionsSearch .collection-filter h4 {
    font-size: 0.857em;
    color: #333035;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-weight: bold;
}

#CollectionsSearch .collection-filter h4 {
    padding-bottom: 0;
}

#CollectionsSearch ul {
    padding: 0;
    list-style: none;
}
#ObjectOfTheDay {
    padding-bottom: 50px;
}
#ObjectOfTheDay img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}
#ObjectOfTheDay a {
    text-transform: uppercase;
    color: #2DABD1;
    font-weight: 700;
}
#ObjectOfTheDay a::after {
    content: ' >';
}
.pagesocial{
    margin-top: 30px;
}
.pagesocial div{
    display: inline-block;
}
.emaillink a {
    color: #000;
    font-size: 0.929em;
}
.emaillink a span.icon {
    font-size: 1.429em;
    padding-right: 4px;
}
/** Join the friends **/
#Household1, #Household2, #Household3, #Household4 {
    display: none;
}

/** Work **/
.work-opportunities {
    list-style: none;
    padding: 20px 0;
}
.work-opportunities li {
    padding: 10px 0;
}

/** Maps **/
#Maps {
    margin-bottom: 110px;
    margin-top: 30px;
    padding: 0;
}
#MapHeader {
    margin-top: 30px;
}

/** Venues **/
.venue-main-image img {
    width: 100%;
    height: auto;
}
.venue-main-content {
    margin: 40px 0 0;
}

/** Search Results **/
#SearchPage .searchQuery {
    margin-bottom: 20px;
}
#SearchResults {
    padding-left: 1.4em;
}
#PageNumbers {
    display: table; 
    margin: 0 auto; 
    position: relative;
    font-size: 1.2em;
    margin-top: 30px;
}
#PageNumbers .number-of-pages {
    text-align: center;
    margin-top: 5px;
}
#PageNumbers a.next,
#PageNumbers a.prev,
#PageNumbers a.pages {
    padding: 5px;
}

/*** Contact Page ***/
#ContactPage .social-media ul {
    text-align: left;
    margin-left: -15px;
}
#ContactPage .social-media ul li a{
   font-size: 1.857em;
   color: #000;
}
#ContactPage .social-media ul li a:hover{
   color: #2DABD1;
}

/*** What's On Page ***/
#WhatsOnPage .tile.navigationtile .tile-title h3 {
     font-size: 1.6em;
}

/** Flexslider Overrides **/
.flexslider .flex-direction-nav a {
    overflow: visible;    
}
.flexslider .flex-direction-nav a:before {
    font-family: 'icomoon';   
}
.flexslider .flex-direction-nav a.flex-prev:before {
    content: "\e60c";
}
.flexslider .flex-direction-nav a.flex-next:before {
    content: "\e60a";
}


select {
    margin-top: 3px;
    padding: 8px 10px;
    border: 1px solid #D9D9D9;
    line-height: 20px;
    font-size: 14px;
}

h4.pastevent {
    color: #fa3b00;
}

.pdfinline {
    width: 960px;
    height: 80vh;
    max-width: 100%;
}

@media print {
  a[href]:after {
    content: none;
  }
}

@media only screen and (max-width: 1200px) {
    header #HeaderNav li a {
        padding: 5px 14px;
    }
    .search-query:focus {
        width: 140px;
        background-color: #FFF;
    }
}

@media only screen and (max-width: 991px) {
    header #HeaderNav .header-admin-navigation li a {
        padding: 5px 10px;
    }
    header #HeaderNav .header-admin-navigation li a.navigation-cms {
        padding: 5px 0px 5px 10px;
    }
    header #HeaderNav .header-admin-navigation li a.navigation-logout {
        padding: 5px 0px 5px 10px;
    }
    header #MainNav li a {
        font-size: 1.7em;
    }
    header .search-form-section .search-form-button-close {
        padding-left: 20px;
    }
    .isotope-four .tile {
        width: 31%;
    }
    .isotope-four .tile.tile-2x2 {
        width: 100%;
        max-width: 480px;
    }
    #InteractionSection .interaction-content-section {
        padding-top: 20px;
        padding-bottom: 20px;
    } 
}

@media only screen and (max-width: 980px) {
    #Pills .nav-pills > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #Pills .nav-pills li {
        float: none;
    }
    #Pills .nav-pills a:after {
        content: ' >';
    }
    .isotope-collections .tile {
        width: 360px;
    }
    .isotope-three .tile {
        width: 48%;
    }

    .isotope-three .tile.tile-2x1 img.img-small {
        width: 100%;
        display: block;
    }

    .isotope-three .tile.tile-2x1 img.img-large {
        display: none;
    }
    
    .isotope-three .tile.tile-2x2 {
        width: 100%;
        /*max-width: 480px;*/
    }
    
    .isotope-filter .Actions {
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    header #MainNav li {
        display: block;
    }
    header .header-mobile-text p {
        text-align: center;
    }
    header .form-search {
        padding: 5px;
        height: 50px;
        display: block;
    }
    header .form-search .search-query {
        box-shadow: none;
        border: none;
        width: 30px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        background-color: transparent;
        float: right;
        padding: 8px 10px;
        cursor: pointer;
    }
    header .form-search .search-query::-webkit-input-placeholder {
        color: transparent;
    }
    header .form-search .search-query:-moz-placeholder {
        /* FF 4-18 */
        color: transparent;
    }
    header .form-search .search-query::-moz-placeholder {
        /* FF 19+ */
        color: transparent;
    }
    header .form-search .search-query:-ms-input-placeholder {
        /* IE 10+ */
        color: transparent;
    }
    header .form-search .search-query:focus {
        border: 1px solid #000;
        width: 100%;
        background-color: #FFF;
        cursor: text;
    }
    header .form-search .search-query:focus::-webkit-input-placeholder {
        color: gray;
    }
    header .form-search .search-query:focus:-moz-placeholder {
        /* FF 4-18 */
        color: gray;
    }
    header .form-search .search-query:focus::-moz-placeholder {
        /* FF 19+ */
        color: gray;
    }
    header .form-search .search-query:focus:-ms-input-placeholder {
        /* IE 10+ */
        color: gray;
    }
    header .form-search .search-query ~ i {
        color: #000;
        right: 10px;
        font-size: 1.8em;
        top: 13px;
    } 
    footer #Copyright {
        text-align: center;
    }
    footer #Terms ul li {
        display: block;
        text-align: center;
        padding: 0 0 15px;
    }
    footer .footer-qualmark {
        padding-top: 20px;
    }
    footer .footer-qualmark div:only-child {
        margin: 0 auto;
        display: block;
        width: 20%;
    }
    footer .footer-qualmark div:only-child a {
        padding: 0;
    }
    footer .footer-qualmark div:only-child a:first-child {
        float: left;
    }
    header #HeaderContent .logo {
        margin: 20px 0;
    }
    form .Actions .row input {
        float: none;
    }
    .blog-entry img {
        width: 100%;
        height: auto;
    }

    .post-summary {
        flex-direction:column;
    }
}

@media only screen and (max-width: 700px) {
    footer .footer-qualmark div:only-child {
        width: 25%;
    }
}

@media only screen and (max-width: 648px) {
    .isotope-four .tile {
        width: 48%;
    }

    

}

@media only screen and (max-width: 600px) {
    .isotope-three .tile {
        width: 360px;
    }

    .isotope-three .tile.tile-2x2 {
        width: 360px;
        height: 360px;
        /*max-width: 480px;*/
    }
    footer .footer-qualmark div:only-child {
        width: 30%;
    }
}
@media only screen and (max-width: 480px) {
    .isotope-four .tile, .isotope-four .tile.tile-2x2 {
        width: 360px;
        height: 370px;
    }
    .tile.tile-2x2.navigationtile .tile-title {
        height: auto;
    }
    footer #Copyright {
        font-size: 0.933em;
    }
    footer .footer-qualmark div:only-child {
        width: 40%;
    }
}

@media only screen and (max-width: 400px) {
    .isotope .tile, 
    .isotope-four .tile, 
    .isotope-four .tile.tile-2x2, 
    .isotope-three .tile, 
    .isotope-three .tile.tile-2x2 {
        width: 100%;
    }
    footer .footer-qualmark div:only-child {
        width: 50%;
    }
    .page-header {
        font-size: 13vw;
    }
}