
.content{
    padding-top : 80px;
    padding-bottom : 80px;
}

@media ( max-width: 991px ){
    .content{
        padding-top : 70px;
        padding-bottom : 70px;
    }
}
@media ( max-width: 767px ){
    .content{
        padding-top : 54px;
        padding-bottom : 54px;
    }
}
@media ( max-width: 540px ){
    .content{
        padding-top : 38px;
        padding-bottom : 38px;
    }
}
@media ( max-width: 480px ){
    .content{
        padding-top : 34px;
        padding-bottom : 34px;
    }
}
.content.no-padding-top{
    padding-top : 0px;
}
.content.no-padding-bottom{
    padding-bottom : 0px;
}

.content > .container > .row > .col-lg-12{
    min-height: 0px;
}

.mythemes-page-header{
    background-color: #ffffff;
}
.mythemes-page-header .row{
    margin-bottom: 0px;
}
.mythemes-page-header h1,
.mythemes-page-header nav{
    font-family: "Open Sans", Helvetica, Arial, sans-serif, serif;
    font-weight: normal;

    margin-top: 0px;
    text-align: left;
}
.mythemes-page-header h1{
    margin-top: 0px;
    margin-bottom: 0px;
}
.mythemes-page-header nav{
    display: block;
    background-color: transparent;
    height: auto;
    min-height: 24px;
    line-height: 24px;
    margin-left: 3px;
    box-shadow: none;
}
.mythemes-page-header nav{
    font-size: 13px;
}
.mythemes-page-header nav i{
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
}
.mythemes-page-header nav ul{
    display: inline-block;
}
.mythemes-page-header nav a{
    display: inline-block;
    color: #000000;
    font-size: 13px;
    padding: 0px;
    line-height: 18px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.mythemes-page-header nav a:hover{
    text-decoration: underline;
}
.mythemes-page-header nav li:hover,
.mythemes-page-header nav a:hover{
    background-color: transparent;
}
.mythemes-page-header nav li{
    color: #666666;
    text-shadow: 1px 1px rgba( 255, 255, 255, 0.5 );
}
.mythemes-page-header nav.mythemes-nav-inline li{
    padding: 0px;
    font-style: 13px;
    line-height: 24px;
}
.mythemes-page-header nav li:first-child:before{
    content: '';
    padding: 0px;
}
.mythemes-page-header .mythemes-author-avatar div.author-details{
    text-align: center;
}

.mythemes-page-header .mythemes-author-avatar img{
    border: 5px solid #ffffff;
    display: block;
    margin: 0px auto 0px auto;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    -webkit-box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.15 );
            box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.15 );
}
.mythemes-page-header .mythemes-author-avatar span.found-posts{
    display: inline-block;
    background: #303030;
    color: #ffffff;
    font-style: italic;
    padding: 4px 15px;
    margin: 5px 0px 0px 0px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.mythemes-page-header nav li:before{
    content: '\e886'; /* done */
    color: rgba( 0, 0, 0, 0.5 );

    font-family: fontello;
    font-size: 15px;

    padding: 0px 8px;
}
.mythemes-page-header div.mythemes-posts-found{
    text-align: center;
}
.mythemes-page-header div.mythemes-posts-found div.found-details{
    margin-top: 25px;
}
.mythemes-page-header div.mythemes-posts-found span{
    color: #999999;

    font-family: Raleway, sans-serif, Arial, serif;
    font-size: 26px;

    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

@media only screen and (max-width : 600px) {
    .mythemes-page-header h1,
    .mythemes-page-header nav{
        text-align: center;
        margin-bottom: 0px;
    }
    .mythemes-page-header div.mythemes-author-avatar{
        padding-top: 20px;
    }
    .mythemes-page-header div.mythemes-posts-found{
        padding-top: 5px;
    }
}
/* RESPONSIVE RULES */
@media (min-width: 1200px ){
}
@media ( min-width: 980px ) and (max-width: 1199px ){
}
@media ( min-width: 768px ) and ( max-width: 979px ){
    article{
        border-bottom: 0px;
    }
}

.content .container section{
    min-height: 1px;
}

body.single section article,
.mythemes-classic > article{
    background: #ffffff;

    padding: 30px 30px 50px 30px;
    margin-top: 20px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
body.single section article,
.mythemes-classic > article:first-child{
    margin-top: 0px;
}

section.col-lg-9 div.mythemes-page{
    background: #ffffff;

    padding: 50px 30px;
}

.hentry,
article{
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.hentry img,
.hentry div[id^="attachment"],
article img,
article div[id^="attachment"]{
    height: auto !important;
}

.hentry embed,
.hentry iframe,
article embed,
article iframe{
    max-width: 100% !important;
}

.hentry .mejs-container,
.hentry .mejs-embed,
.hentry .mejs-embed body,
.hentry .mejs-container .mejs-controls{
    background-color: #37474f;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current{
    background-color: #66bb6a;
}
div.wp-playlist.wp-audio-playlist.wp-playlist-light{
    border: 1px solid #f0f0f0;
}
article .post-thumbnail{
    background-position: center top;

    margin-bottom: 35px;
    max-height: 360px;
    overflow: hidden;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
article .post-thumbnail .valign-bottom-cell-wrapper{
    background-color: rgba( 0, 0, 0, 0.2 );

    height: auto;
    padding: 0px;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
article .post-thumbnail:hover .valign-bottom-cell-wrapper{
    background-color: rgba( 0, 0, 0, 0.6 );
}
article .post-thumbnail figcaption{
    background-color: transparent;
    color: rgba( 255, 255, 255, 0.8 );

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
article .post-thumbnail:hover footer{
    color: rgba( 255, 255, 255, 1.0 );
}
article div.post-content{
    padding-top: 20px;
}

.hentry .post-thumbnail img,
article .post-thumbnail img{
    display: block;
    position: relative;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0px;
}
.mythemes-classic article h2.post-title{
    margin-top: 0px;
    margin-bottom: 10px;
}
.mythemes-classic article h2 a{
    color: #666666;
}
.mythemes-classic article h2 a:hover{
    color: #212121;

    text-decoration: underline;
}
.hentry,
.hentry p,
article p{
    font-family: "Open Sans", sans-serif, Arial, serif;
    font-weight: 300;
    color: #212121;
    font-size: 15px;
    line-height: 28px;
}
.hentry p,
article p{
    margin: 20px 0px 20px 0px;
}
.mythemes-classic .hentry p + div.clearfix,
.mythemes-classic article p + div.clearfix{
    margin-top: -20px;
}
.post-content > p:first-child,
.hentry > p:first-child,
article > p:first-child{
    margin-top: 0px;
}
.post-content > p:last-child,
.hentry > p:last-child,
article > p:last-child{
    margin-bottom: 0px;
}
article > div.meta + form > p:first-child,
article > div.meta + p{
    margin-top: 0px;
}
.post-content > form > p:first-child{
    margin-top: 0px;
}

section.s12.m12.l9.mythemes-classic .hentry.mythemes-page{
    padding-right: 30px;
}
aside + section.s12.m12.l9.mythemes-classic .hentry.mythemes-page{
    padding-left: 30px;
    padding-right: 0px;
}

@media only screen and ( max-width: 992px ){
    aside + section.s12.m12.l9.mythemes-classic .hentry.mythemes-page,
    section.s12.m12.l9.mythemes-classic .hentry.mythemes-page{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* META */
article div.meta{
    font-family: "Open Sans", Helvetica, Arial, sans-serif, serif;
    font-size: 12px;

    line-height: 16px;

    margin: 0px;

    text-transform: uppercase;
}
article div.meta a{
    display: inline-block;

    padding: 5px 12px;
}

article div.meta ul.post-categories{
    list-style: none;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    padding: 0px;
}
article div.meta ul.post-categories li{
    display: inline-block;
    margin: 3px 0px;
    padding: 0px;
}

article div.meta ul.post-categories li a{
    background-color: #4caf50;
    color: #ffffff;

    padding: 5px 12px;
    margin: 0px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-tap-highlight-color: transparent;

    vertical-align: middle;
    z-index: 1;

    will-change: opacity, transform;

    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
article div.meta ul.post-categories li a:hover{
    background-color: #43a047;
    color: #ffffff;

    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

article div.meta ul.post-categories li a:before{
    content: '\eeef'; /* done */
    margin-right: 9px;
    font-family: "fontello";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    float: left;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
}

article div.meta time,
article div.meta > a.author,
article div.meta > a.comments{
    color: #989898;
    margin: 5px 0px;

    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
article div.meta time{
    display: block;
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
article div.meta time i{
    margin-right: 9px;
}
article div.meta > a.author i{
    margin-right: 9px;
}
article div.meta > a.comments i{
    margin-right: 9px;
}
article div.meta > a.author,
article div.meta > a.comments{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-tap-highlight-color: transparent;

    vertical-align: middle;
    z-index: 1;

    will-change: opacity, transform;

    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
article div.meta > a.author:hover,
article div.meta > a.comments:hover{
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
article div.meta > a.comments span{
    color: #989898;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
article div.meta > a.author:hover{
    color: #454545;
}
article div.meta > a.comments:hover{
    color: #454545;
}

/* MORE LINK */
article a.more-link{
    background: #455a64;

    color: rgba( 255, 255, 255, 0.8  );
    display: block;

    font-family: Raleway, sans-serif, Arial, serif;
    font-size: 13px;
    font-weight: 300;

    padding: 5px 28px;

    float: left;

    margin: 10px auto 0px auto;
    text-transform: uppercase;

    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;

    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
article a.more-link:hover{
    background: #37474f;
    color: rgba( 255, 255, 255, 1.0  );

    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.mythemes-post-social{
    float: right;
    height: 42px;
    margin-top: 10px;
}

.mythemes-post-social span.mythemes-post-views{
    background-color: #ededed;

    color: #666666;

    display: inline-block;

    font-size: 11px;
    float: right;

    height: 42px;

    padding: 5px;

    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.mythemes-post-social span.mythemes-post-views span{
    font-family: "Open Sans", sans-serif, Arial, serif;
    line-height: 13px;
    margin-left: 3px;
}

.mythemes-post-social span.mythemes-post-views strong{
    color: #000000;
    font-family: "Open Sans", Helvetica, Arial, sans-serif, serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    display: block;
    margin-bottom: 0px;
    letter-spacing: 0px;
    text-align: center;
}

/* TERMS */
body.single section div.post-meta-terms{
    background-color: #ffffff;
    margin: 20px 0px;
    padding: 20px 30px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

body.single section div.post-meta-tags a,
body.single section div.post-meta-tags span{
    font-family: Helvetica, Arial,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;

    float: left;

    line-height: 17px;

    color: #ffffff;

    display: inline-block;

    padding: 6px 12px 6px 12px;
    margin: 2px 3px;

    text-transform: uppercase;
}
body.single section div.post-meta-tags span{
    background-color: #37474f;
    height: auto;
}

body.single section div.post-meta-tags a{
    background-color: #4caf50;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-tap-highlight-color: transparent;

    vertical-align: middle;
    z-index: 1;

    will-change: opacity, transform;

    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
body.single section div.post-meta-tags a:hover{
    background-color: #37474f;

    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

body.single section div.post-meta-tags span,
body.single section div.post-meta-tags span i,
body.single section div.post-meta-tags span i:before{
    font-size: 13px;
}

body.single section div.post-meta-tags span i{
    margin: 0px;
}

/* STICKY */
article.sticky .post-thumbnail{
    margin-bottom: 0px;
}
.mythemes-classic article.sticky{
    padding-bottom: 30px;
}
article.sticky div.post-content{
    background-color: #f9f9f9;
    padding: 20px;
    margin-top: 20px;
}
article.sticky div.post-content p{
    color: #666666;
    font-size: 14px;

}


/* PAGINATION */
div.pagination{
    width: 100%;

    margin-bottom: 0px;

    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
}
div.comments-list div.pagination{
    padding: 0px;
}
div.pagination nav{
    background-color: transparent;
    height: 40px;
    line-height: inherit;

    box-shadow: none;
}
div.pagination.aligncenter.comments{
    margin: 0px 0px 20px 0px;
}
div.pagination nav ul{
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
div.pagination nav ul li{
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 7px;
}
div.pagination.aligncenter.comments a,
div.pagination.aligncenter.comments span{
    margin: 0px 0px 0px 7px;
    font-size: 13px;
    line-height: 24px;
}
div.pagination.aligncenter.comments a:first-child,
div.pagination.aligncenter.comments span:first-child{
    margin: 0px;
}
div.pagination nav ul > li:first-child{
    margin: 0px;
}
div.pagination nav a{
    background-color: #4caf50;
    color: #ffffff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

div.pagination nav a:hover{
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

div.pagination nav span{
    background-color: #ffffff;
    color: #454545;
}
div.pagination nav span{
    background-color: #ffffff;
}
div.pagination nav span,
div.pagination nav a{
    display: inline-block;

    font-family: Raleway, sans-serif, Arial, serif;
    font-style: bold;
    font-variant: bold;
    font-weight: bold;

    padding: 8px 16px;

    text-transform: uppercase;
}
div.pagination nav ul li span,
div.pagination nav ul li a{
    display: block;
    font-weight: bold;
    width: 100%;
    height: 100%;
    text-align: center;
 }
div.pagination nav a i{
    font-size: 1rem;
    line-height: 1.2rem;
    height:  1.2rem;
    display: inline-block;
}
div.pagination nav a i.materialize-icon-left-open-1{
    margin-right: 10px;
}

div.pagination nav a i.materialize-icon-right-open-1{
    margin-left: 10px;
}

div.mythemes-paged-post{
    padding-top: 20px;

}
div.mythemes-paged-post span{
    color: #000000;
    font-family: Helvetica, Arial,sans-serif;
    font-size: 11px;

    font-variant: normal;
    font-style: normal;
    font-weight: normal;

    line-height: 17px;

    text-transform: uppercase;
}
div.mythemes-paged-post span.mythemes-pagination-title{
    color: #666666;
    padding: 6px 0px 6px 0px;
    margin: 2px 3px;
}
div.mythemes-paged-post > span.mythemes-pagination-item{
    color: #000000;

    font-style: bold;
    font-variant: bold;
    font-weight: bold;


    padding: 6px 15px;
    margin: 2px 1px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
div.mythemes-paged-post > a > span{
    background-color: #ffffff;
    color: #666666;

    padding: 6px 15px;
    margin: 2px 1px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
div.mythemes-paged-post > a:hover > span{
    background-color: #26ad60;
    color: #ffffff;
}

h1.error-404{
    font-size: 200px;
    text-align: center;
    margin-top: 0px;
}
big.error-404-message{
    color: #adadad;
    display: block;
    font-size: 72px;
    line-height: 80px;
    margin-bottom: 60px;
    text-align: center;
}

p.error-404-description{
    color: #999999;

    display: block;
    font-size: 16px;
    line-height: 26px;

    max-width: 80%;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

div.error-404-search{
    background: #ffffff;
    display: block;

    padding: 10px 20px;

    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;

    max-width: 350px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

div.error-404-search input[type="text"]{
    width: calc( 100% - 55px );
    width: -webkit-calc( 100% - 55px );
    padding: 5px 12px;
    height: 32px;
}
div.error-404-search button{
    background-color: #26ad60;
}
div.error-404-search button:hover{
    background-color: #00aeef;
}

div.error-404-search div#searchbox{
    text-align: center;
}

/* RESPONSIVE RULES */
@media (min-width: 1200px ){
    h1.error-404{
        font-size: 200px;
    }
    big.error-404-message{
        font-size: 72px;
        line-height: 80px;
    }

    p.error-404-description{
        font-size: 16px;
        line-height: 26px;
        max-width: 60%;
    }
}
@media ( min-width: 992px ) and (max-width: 1199px ){
    h1.error-404{
        font-size: 180px;
    }
    big.error-404-message{
        font-size: 62px;
        line-height: 70px;
    }
    p.error-404-description{
        font-size: 15px;
        line-height: 25px;
        max-width: 70%;
    }
}
@media ( min-width: 768px ) and ( max-width: 991px ){
    h1.error-404{
        font-size: 160px;
    }
    big.error-404-message{
        font-size: 52px;
        line-height: 60px;
    }
    p.error-404-description{
        font-size: 14px;
        line-height: 24px;
        max-width: 80%;
    }
}
@media ( min-width: 481px ) and ( max-width: 767px ){
    h1.error-404{
        font-size: 140px;
    }
    big.error-404-message{
        font-size: 42px;
        line-height: 50px;
    }
    p.error-404-description{
        font-size: 13px;
        line-height: 24px;
        max-width: 90%;
    }
}
@media ( max-width: 480px ){
    h1.error-404{
        font-size: 120px;
    }
    big.error-404-message{
        font-size: 32px;
        line-height: 40px;
    }
    p.error-404-description{
        font-size: 13px;
        line-height: 24px;
        max-width: 100%;
    }
}
