@import url(normalize.css);

@font-face { 
    font-family: 'icon-font';
    src:url('../fonts/icon-font.eot?-mchb95');
    src:url('../fonts/icon-font.eot?#iefix-mchb95') format('embedded-opentype'),
        url('../fonts/icon-font.woff?-mchb95') format('woff'),
        url('../fonts/icon-font.ttf?-mchb95') format('truetype'),
        url('../fonts/icon-font.svg?-mchb95#icon-font') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="sicon-"], [class*=" sicon-"] {
    font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sicon-yt-cr:before {content: "\e600";}
.sicon-v-cr:before {content: "\e601";}
.sicon-tw-cr:before {content: "\e602";}
.sicon-st-cr:before {content: "\e603";}
.sicon-rss-cr:before {content: "\e604";}
.sicon-rd-cr:before {content: "\e605";}
.sicon-p-cr:before {content: "\e606";}
.sicon-m-cr:before {content: "\e607";}
.sicon-l-cr:before {content: "\e608";}
.sicon-in-cr:before {content: "\e609";}
.sicon-gh-cr:before {content: "\e60a";}
.sicon-g-cr:before {content: "\e60b";}
.sicon-fl-cr:before {content: "\e60c";}
.sicon-f-cr:before {content: "\e60d";}
.sicon-er-r-cr:before {content: "\e60e";}
.sicon-er-l-cr:before {content: "\e60f";}
.sicon-dr-cr:before {content: "\e610";}

html {
    height: 100%;
    max-height: 100%;
    font-size: 100%;
}

body {
    height: 100%;
    max-height: 100%;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}


.main-row {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.no-sp {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

::-moz-selection {
    color: #222;
    background: #D6EDFF;
    text-shadow: none;
}

::selection {
    color: #222;
    background: #D6EDFF;
    text-shadow: none;
}

h1, h2, h3,
h4, h5, h6 {
    text-rendering: optimizeLegibility;
    line-height: 1;
    margin-top: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    clear: both;
}

h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0 !important;
}

h1 {
    font-size: 2.2rem;
    line-height: 2.3rem;
    letter-spacing: -2px;
    text-indent: -3px;
}

h2 {
    font-size: 1.9rem;
    line-height: 2.0rem;
    letter-spacing: -1px;
    text-indent: -2px;
}

h3 {
    font-size: 1.7rem;
    line-height: 1.8rem;
}

h4 {
    font-size: 1.4rem;
    line-height: 1.5rem;
}

h5 {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

h6 {
     font-size: 1rem;
     line-height: 1.2rem;
}

body a {
    color: #e73c54;
    text-decoration: none;
    transition: color ease 0.3s;
}

body a:hover {
    color: #666;
    text-decoration: none;
}

body p > a:hover {
    text-decoration: underline;
}

.night a {
    color: #ccc;
}

.night a:hover {
    color: #fff;
}


p, dl {
    margin: 1rem 0;
    font-weight: 300;
    color: #5F5E5E;

}

ul, ol {
  margin-top: 1rem;
  margin-left: 2rem;   
  font-weight: 300;  
  color: #5F5E5E;
}

ol ol, ul ul,
ul ol, ol ul {
    margin: 0.4em 0;
}

dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 1em
}

dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #333;
    margin: 3.2em 0;
    padding: 0;
}

.night hr {
    border-top: 1px solid #ccc;
}

blockquote {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.6em 0 1.6em -2.2em;
    padding: 0 0 0 1.6em;
    border-left: #333 0.4em solid;
    clear: both;
}

.night blockquote {
    border-left: #ccc 0.4em solid;
}

blockquote p {
    margin: 0.8em 0;
    font-style: italic;
}

blockquote small {
    display: inline-block;
    margin: 0.8em 0 0.8em 1.5em;
    font-size:0.9em;
    color: #ccc;
}

blockquote small:before { content: '\2014 \00A0'; }

blockquote cite {
    font-weight:bold;
}

blockquote cite a { font-weight: normal; }

mark {
    background-color: #333;
    color: #ccc;
}

.night mark {
    background-color: #ccc;
    color: #333;
}

code, tt {
    padding: 1px 3px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.85em;
    white-space: pre-wrap;
    background: #ccc;
    border-radius: 2px;
    color: #333;
}

.night code, .night tt {
    color: #ccc;
    background: #333;
}

pre {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.6em 0;
    border: 1px solid #333;
    width: 100%;
    padding: 10px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.9em;
    white-space: pre;
    overflow: auto;
    background: #ccc;
    border-radius: 3px;
    color: #333;
    font-weight: 300;
}

.night pre {
    color: #ccc;
    background: #333;
    border: 1px solid #ccc;
}

pre code, tt {
    font-size: inherit;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0;
}

kbd {
    display: inline-block;
    margin-bottom: 0.4em;
    padding: 1px 8px;
    border: 1px solid #333;
    color: #333;
    text-shadow: #fff 0 1px 0;
    font-size: 0.9em;
    font-weight: bold;
    background: #ccc;
    border-radius: 4px;
}

.night kbd {
    background: #333;
    border: 1px solid #ccc;
    color: #ccc;
}

table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.6em 0;
    width:100%;
    max-width: 100%;
    background-color: transparent;
}

table th,
table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #333;
}

.night table th,
.night table td {
    border-top: 1px solid #ccc;
}

table th { color: #333; }
.night table th { color: #ccc; }

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}

table tbody + tbody { border-top: 2px solid #333; }
table table table { background-color: #ccc; }

.night table tbody + tbody { border-top: 2px solid #ccc; }
.night table table { background-color: #333; }

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #333;
    color: #ccc;
}

.night table tbody > tr:nth-child(odd) > td,
.night tbody > tr:nth-child(odd) > th {
    background-color: #ccc;
    color: #333;
}

table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
   background: transparent;
}

iframe, .fluid-width-video-wrapper {
    display: block;
    margin: 1.6em 0;
}

/* When a video is inside the fitvids wrapper, drop the
margin on the iframe, cause it breaks stuff. */
.fluid-width-video-wrapper iframe {
    margin: 0;
}


.o {
    background-size: cover;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.w {
    height: 100%;
    width: 100%;
    display: table;
    margin: 0 auto;
}

.c {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* ==========================================================================
   3. Utilities - These things get used a lot
   ========================================================================== */


/* Create a bouncing scroll-down arrow on homepage with cover image */
.scroll-down {
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 45px;
    left: 50%;
    margin-left: -16px;
    width: 34px;
    height: 34px;
    font-size: 34px;
    text-align: center;
    text-decoration: none;
    color: rgba(255,255,255,0.7);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: bounce 4s 2s infinite;
    animation: bounce 4s 2s infinite;
}

/* Stop it bouncing and increase contrast when hovered */
.scroll-down:hover {
    color: #fff;
    -webkit-animation: none;
    animation: none;
}

.container {
    display: inline-block;
    position: relative;
    width: 50%;
    float: left;
    margin-top: 7px;
}



.container-blog {
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 7px;
}

article.tag-portrait div.container-blog
{
    height: 100% !important;

}

article.tag-portrait
{
    /*margin-right: -50%;*/


}

article.tag-portrait div.container-blog
{
    /*width: 45% !important;*/

}


article.tag-portrait.large-6
{
    width: 50%;
    height: 100%;
}

.cr-post-list article.columns
{
    padding-right: 0px;
    padding-left: 0px;
}

.cr-single-post
{
    padding: 1em auto;
}



.dummy {
    margin-top: 66%; /* 3:2 aspect ratio */
}

article.tag-portrait  div.dummy
{
    margin-top: 147% !important;
}

.element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    background-origin:  border-box;
    background-size: cover;
    border-radius: 2px;
    margin-right: 3px;
    margin-left: 3px;
}

.element a
{
    text-decoration: none;
}



/* Hides shit */
.hidden {
    text-indent: -9999px;
    visibility: hidden;
    display: none;
}

/* Creates a responsive wrapper that makes our content scale nicely */
.inner {
    position: relative;
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
}

/* Centres vertically yo. (IE8+) */
.vertical {
    display: table-cell;
    vertical-align: middle;
}


/* ==========================================================================
   4. General - The main styles for the the theme
   ========================================================================== */

.page-title
{
    font-size: 3em;
    font-stretch: ultra-expanded;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    letter-spacing: 4px;
    font-weight: 100;
}

.blog-logo {
    text-decoration: none;
}

.blog-logo img {
    display: block;
    max-height: 100px;
    width: auto;
    margin: 0 auto;
    line-height: 0;
    border-radius: 1px;
}

.blog-title {
    margin: 10px 0 10px 0;
    font-size: 5rem;
    letter-spacing: -1px;
    font-weight: bold;
    font-family: 'Open Sans, sans-serif';
    text-shadow: 0 1px 6px rgba(0,0,0,0.1);
}

.blog-description {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 300;
    font-family: 'Open Sans', serif;
    letter-spacing: 0;
    text-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* Every post, on every page, gets this style on its <article> tag */
.post {
    position: relative;
    word-break: normal;
    hyphens: auto;
}

.post-title {
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.post-title a {
    text-decoration: none;
}

.post-excerpt p {
    font-size: 0.9em;
    line-height: 1.6em;
}


.post-meta {
    display: inline-block;
    display: block;
    clear: both;
    max-width: 780px;
    margin: auto;

}

.post-meta a {
    color: #9EABB3;
    text-decoration: none;
    font-size: 0.75em;
}

.post-meta a:hover {
    text-decoration: underline;
}

a.cr-back-button:hover {
    text-decoration: none;
}

.user-meta {
    position: relative;
    padding: 0.3rem 40px 0 100px;
    min-height: 77px;
}

.user-image {
    position: absolute;
    top: 0;
    left: 0;
}

.user-name {
    display: block;
    font-weight: bold;
}

.user-bio {
    display: block;
    max-width: 440px;
    font-size: 1.4rem;
    line-height: 1.5em;
}

.publish-meta {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.3rem 0 4rem 0;
    text-align: right;
}

.publish-heading {
    display: block;
    font-weight: bold;
}

.publish-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5em;
}



/* muut style changes */

.m-button, .moot button {
    background-color : #e73c54 !important;
    margin: 3px;
}

.m-preview, .m-post-upload, .m-like {
    display: none !important;
}

#moot-logo {
    padding: 0px !important;
    margin-bottom: -40px !important;
}

.m-postinput {
    border-color: #333 !important;
    box-shadow: none !important;
}

.m-page a {
    color: #e73c54 !important;
}





/* ==========================================================================
   5. Single Post - When you click on an individual post
   ========================================================================== */


.post-main-header {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    /*margin-bottom: 5rem;*/
    text-align: center;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}


/* Tweak the .post wrapper style */
.post-template .post {
    margin-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/* Insert some mad padding up in the header for better spacing */
.post-header {
    margin-bottom: 1rem;
}

.post-template .blog-title {
    display: inline-block;
    padding: 2.5rem 0;
}

.post-content {
    max-width: 780px;
    margin: auto;
}


/* Keep large images within the bounds of the post-width */
.post-content img {
    /*display: block;*/
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 3px !important;
    background-image: url(data:image/gif;base64,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);
    display: inline-block;
    max-width: 100%;
    min-width: 48px;
    min-height: 48px;
    background-position: center;
    background-repeat: no-repeat;
}

/* The author credit area after the post */
.post-footer {
    position: relative;
    margin-top: 3rem;
}

.post-footer h4 {
    font-size: 1.0rem;
    font-weight: normal;
}

.post-footer p {
   font-size: 0.8rem;
    line-height: 1.3em;
    font-weight: 300;
    margin: 0;
}

/* Create some space to the right for the share links */
.post-footer .author {
    margin-top: 0px;
    margin-left: 130px;
}

.post-footer .author .uimg {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 110px;
    height: 110px;
    background-size: cover;
    background-position: center center;
    border-radius: 100%;
    border: 1px solid #333;
}

.night .post-footer .author .uimg {
    border: 1px solid #ccc;
}

.cr-portfolio-category-desc, .cr-portfolio-category-pictures
{
     display: block;

}

.cr-portfolio-page, .cr-blogs, /* .cr-single-post-content,*/ .cr-footer-content
{
    position: relative;
    width: 100%;
    max-width: 60%;
    margin: 0em auto;
}

.cr-footer-content
{
    margin: 0.5em auto !important;
}

.cr-portfolio-category-content, .cr-single-static-content, .cr-single-post-content, .cr-blogs
{
    position: relative;
    width: 80%;
    margin: 0.2em auto;
    padding-bottom: 4rem;
    word-break: normal;
    hyphens: auto;

}

.cr-share {
    margin-top: 0.5em;
}

.cr-share a {
    text-decoration: none;
    margin-right: 8px;
    font-size: 1.6rem;
    color: rgb(153,153,153);
}

.footer-right {
    text-align: right;
    padding-top: 8px;
}


/* ==========================================================================
   6. Third Party Elements - Embeds from other services
   ========================================================================== */

/* Github */

.gist table {
    margin: 0;
    font-size: 1.4rem;
}

.gist .line-number {
    min-width: 25px;
    font-size: 1.1rem;
}

#page-wrapper {
    background: #FFFFFF;
    padding: 1em;
    margin: 1em auto;
}

.success {
    padding: 1em;
    margin-bottom: 0.75rem;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.error {
    padding: 1em;
    margin-bottom: 0.75rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#page-wrapper textarea {
    width: 100%;
    height: 6em;
    padding: 0.5em 0.5em;
    font-size: 1em;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
}

#page-wrapper textarea #interest {
    height: 3em;   
}



/* ==========================================================================
   7. Pagination - Tools to let you flick between pages
   ========================================================================== */

/* The main wrapper for our pagination links */
.pagination {
    font-size: 1rem;
    text-align: right;
    font-weight: normal;
}


/* Push the previous/next links out to the left/right */
.older-posts,
.newer-posts {
    text-decoration: none;
    display: inline-block;
    margin-left: 8px;
}

.page-number {
    display: inline-block;
    padding: 2px 0;
}


/* ==========================================================================
   8. Footer - The bottom of every page
   ========================================================================== */

.cr-footer {
    font-size: 0.7rem;
    line-height: 1.1rem;
    padding-bottom: 20px;
    text-align: center;
}

.cr-fp {
    padding-top: 20px;
}

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

.poweredby .icon-ghost {
    font-weight: 700;
    text-decoration: none;
}

.poweredby .icon-ghost:hover {
    text-decoration: none;
}

.poweredby .icon-ghost:before {
    font-size: 1rem;
    margin-right: 0.2em;
}

/* The subscribe icon on the footer */
.subscribe {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -15px;
    text-align: center;
    line-height: 1.4rem;
}



/****** CREATE THEME STYLES ******/

.cr-load-ind {
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: center;
}       

.header-row {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.cr-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
    max-width: 60%;
    position: relative;
    margin: 0.5em auto;

}

.cr-logo {
    text-transform: uppercase;
    height: 15em;

}

.cr-default-logo-nt {
    background: url(icons/default/default_logo_no_title_275x50.png) no-repeat;
    width: 275px;
    height: 50px;
    background-size: 275px 50px;
    display: block;
}

.cr-default-logo-ntc {
    max-width: 275px;
    max-height: 50px;
    display: block;
    height: 50px;

}

.cr-header-logo {
    width: 100%;
    height: 15em;
    display: block;
    clear: both;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    border: 0;
}

.cr-header-title {
    width: 100%;
    display: block;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6rem;
    float: left;
    position: absolute;
    bottom: 20px;
}

.cr-header-desc {
    position: absolute;
    bottom: 0px;
}


.cr-header-title-nl {
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.6rem;
}

.cr-header-desc-nl {
    position: absolute;
    bottom: -4px;
}

.cr-hmenu {
    display: block;
    text-align: center;
}

.cr-hmenu a {
    color: #5F5E5E;
}

.cr-header-nav {
  display: inline-block;
  margin: 0;
  list-style-type: none;
  list-style-position: inside;
  padding-top: 14px;
}

.cr-header-nav li {
    font-size: 1rem;
    display: inline-block;
    margin-left: 10px;
    letter-spacing: 4px;
}

.cr-header-nav li:before {
    width: 5px;
    height: 5px;
    border-left: 1px solid;
    border-top: 1px solid;
    position: absolute;
    left: 0;
    top: 0;
}

.cr-header-nav li a:not(.button) {
    display: inline-block;
    text-decoration: none;
}


.cr-lt {
    width: 5px;
    height: 5px;
    border-left: 2px solid;
    border-top: 2px solid;
    position: absolute;
    top: 0;
    left: 5px;
}

.cr-lb {
    width: 5px;
    height: 5px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    position: absolute;
    bottom: 0;
    left: 5px;
}

.cr-rt {
    width: 5px;
    height: 5px;
    border-right: 2px solid;
    border-top: 2px solid;
    position: absolute;
    top: 0;
    right: 5px;
}

.cr-rb {
    width: 5px;
    height: 5px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    position: absolute;
    bottom: 0;
    right: 5px;
}

.cr-pside-pad {
    padding-left: 0 !important;
}

.cr-portfolio-row {
    /*margin-bottom: 20px;*/
}

.cr-portfolio-entry {
    /*height: 185px;*/
    display: block;
    cursor: pointer;
}

.cr-portfolio-load {
    text-align: center;
    margin-top: 92px;
}

.cr-p-load-fail {
    font-size: 0.6rem;
    text-transform: uppercase;
}

.cr-p-image {
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cr-cat-name {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    color: rgb(230,230,230);
    font-size: 0.7rem;
    text-transform: uppercase;
    display: none;
    text-align: center;
    border-radius: 15px;
}

.cr-cat-name-t {

    text-align: center;
    padding: 5px;
    /*background-color: #cc92da;*/
    background-color: rgba(0,0,0,0.4);
    /*position: absolute;*/
    position: relative;
    top: 50%;
    margin: auto;

}

.cr-portfolio-row .cr-portfolio-entry:last-child {
    /*padding-right: 0 !important;*/
}

.cr-pages {
    padding: 2rem;
    text-align: right;
}

.cr-pages a { 
    font-size: 1.6rem;
    color: rgb(153,153,153);
}

/****** portfolio page  ******/

.cr-portfolio-list {
    display: block;
}

.portrait
{
    width: 50% !important;
}

.cr-portfolio-image, .post-content img {
    /*display: block;*/
    float: left;
    border-right: 3px solid white;
    width: 100%;
}


.cr-portfolio-image img, .cr-static-load-content img
{
    max-width: 100%;
    border-radius: 1px;
    margin: 0 auto;
    margin-bottom: 3px !important;
}


.cr-button-c {
    display: inline-block;
    margin-top: 10px;
    position: relative;
    width: 100%;
    text-align: center;
}

.cr-button-c-post {
    display: inline-block;
    margin-top: 3rem;
    position: relative;
    width: 100%;
    text-align: center;
}

.cr-bc {
    display: block;
    padding: 5px 15px 5px 15px;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.cr-bc a {
    display: inline-block;
    text-decoration: none;
}
    

/**** blog page ****/

.cr-head-meta {
    font-size: 0.9rem;
}

.cr-author {
    font-size: 0.8rem;
    color: rgb(179,179,179);
}




@media only screen {
    .medium-only-bottom-pad {margin-bottom: 0;}
    .small-no-right-pad {
        padding-right: 0 !important;
    }


    .medium-small-bottom-pad {
        margin-bottom: 0.2rem;
    }
    
    .cr-header-title-nl {
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 1.3rem;
    }
    
    .cr-header-desc-nl {
        position: relative;
        bottom: 0;
    }
    
    .cr-hmenu {
        text-align: center;
    }
    

    .cr-header-nav li {
        margin-right: 10px;
        margin-left: 0px;
    }

    .cr-portfolio-category-desc
    {
        margin-right: 0.2em;
        margin-left: 0.2em;
    }

    .cr-portfolio-category-content, .cr-single-static-content, .cr-single-post-content
    {
        width: 100%;
    }

}

/* small displays */
@media only screen and (max-width: 30.063em) {
    .container {
        width: 100%;
    }

    article.tag-portrait
    {
        /*margin-right: -50%;*/
    }

    article.tag-portrait.small-12
    {
        width: 50%;
    }



    .cr-portfolio-page, .cr-blogs, /* .cr-single-post-content,*/ .cr-header
    {
        width: 100%;
        max-width: 100%;
        margin: 0.5em auto;
    }

    .cr-cat-name
    {
        display: block;
    }
    .cr-cat-name-t
    {
        /*background-color: rgba(204,146,218,0.4);*/
    }
}

/* medium displays */
@media only screen and (min-width: 40.063em) {
    .small-no-right-pad {padding-right: 0.2rem !important;}
    .medium-no-right-pad {
        padding-right: 0 !important;
    }
    
    .medium-small-bottom-pad {
        margin-bottom: 0 !important;
    }

    .medium-only-bottom-pad {margin-bottom: 0.2rem !important;}
    
    .cr-header-title-nl {
        font-weight: normal;
        font-size: 1.4rem;
        line-height: 1.5rem;
    }

    .cr-header-desc-nl {
        position: relative;
        bottom: 0;
    }

    .cr-hmenu {
        text-align: center;
    }
    
    .cr-header-nav li {
        margin-right: 0px;
        margin-left: 10px;
    }

    .cr-portfolio-category-content, .cr-single-static-content, .cr-single-post-content
    {
        width: 100%;
    }

    .container {
        width: 50%;
    }

    article.tag-portrait
    {
        /*margin-right: -25%;*/
    }

    article.tag-portrait.medium-6
    {
        width: 22.4%;
    }




}
/* large displays */
@media only screen and (min-width: 64.063em) {
    .medium-no-right-pad {margin-bottom: 0 !important;}
    .small-no-right-pad {padding-right: 0.2rem !important;}
    .medium-small-bottom-pad {margin-bottom: 0 !important;}
    .medium-only-bottom-pad {margin-bottom: 0 !important;}
    
    .cr-header-title-nl {
        font-weight: normal;
        font-size: 2rem;
        line-height: 1.6rem;
    }

    .cr-header-desc-nl {
        position: absolute;
        bottom: -4px;
    }

    .cr-hmenu {
        text-align: center;
    }
    
    .cr-header-nav li {
        margin-right: 0px;
        margin-left: 10px;
    }

    .container {
        display: inline-block;
        position: relative;
        width: 33%;

    }



    article.tag-portrait
    {
        /*margin-right: -16.7%;*/
    }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dppx) {

    .container {
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .cr-default-logo-nt {
        background: url(icons/default/default_logo_no_title_275x50_2x.png) no-repeat;
        width: 275px;
        height: 50px;
        background-size: 275px 50px;
        display: block;
    }


}