/*
Table of contents:

1. BASE
- RESET CSS
- BASE
- TYPOGRAPHY
- COLORS

2. LAYOUTS
  - HEADER
  - SEARCH
  - NAVIGATION
  - SIDEBAR
  - FOOTER
*/
/* Scss Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

body
{
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

nav ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

a
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    background: transparent;
}

/* change colours to suit your needs */
ins
{
    text-decoration: none; 

    color: #000;
    background-color: #ff9;
}

/* change colours to suit your needs */
mark
{
    font-weight: bold; 
    font-style: italic;

    color: #000;
    background-color: #ff9;
}

del
{
    text-decoration: line-through;
}

abbr[title],
dfn[title]
{
    cursor: help; 

    border-bottom: 1px dotted;
}

table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

/* change border colour to suit your needs */
hr
{
    display: block;

    height: 1px;
    margin: 1em 0;
    padding: 0; 

    border: 0;
    border-top: 1px solid #ccc;
}

input,
select
{
    vertical-align: middle;
}

/* Scss Document */
/*Base*/
*
{
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
    margin: 0;
    padding: 0;
}

body
{
    background-color: #fafafa;
}

/* Scss Document */
/*Typography*/
p
{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 1.5;

    position: relative; 

    padding: 10px 30px 10px 30px;

    color: var(--dark);
}

span
{
    font-size: 14px;

    position: relative; 

    padding-left: 30px;
}

a
{
    font-family: OpenSans;

    list-style-type: none;

    color: #a65447;
}

/* @font-face */
@font-face
{
    font-family: 'MontserratBold';

    src: url('fonts/MontserratBold.eot');
    src: url('fonts/MontserratBold.eot') format('embedded-opentype'), url('fonts/MontserratBold.woff2') format('woff2'), url('fonts/MontserratBold.woff') format('woff'), url('fonts/MontserratBold.ttf') format('truetype'), url('fonts/MontserratBold.svg#MontserratBold') format('svg');
}

@font-face
{
    font-family: 'MontserratRegular';

    src: url('fonts/MontserratRegular.eot');
    src: url('fonts/MontserratRegular.eot') format('embedded-opentype'), url('fonts/MontserratRegular.woff2') format('woff2'), url('fonts/MontserratRegular.woff') format('woff'), url('fonts/MontserratRegular.ttf') format('truetype'), url('fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}

@font-face
{
    font-family: 'open_sansregular';
    font-weight: normal;
    font-style: normal; 

    src: url('fonts/OpenSansRegular.eot');
    src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'), url('opensans-regular-webfont.woff2') format('woff2'), url('opensans-regular-webfont.woff') format('woff'), url('fonts/OpenSansRegular.ttf') format('truetype'), url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

@font-face
{
    font-family: 'FiraMonoRegular';

    src: url('fonts/FiraMonoRegular.eot');
    src: url('fonts/FiraMonoRegular.eot') format('embedded-opentype'), url('fonts/FiraMonoRegular.woff2') format('woff2'), url('fonts/FiraMonoRegular.woff') format('woff'), url('fonts/FiraMonoRegular.ttf') format('truetype'), url('fonts/FiraMonoRegular.svg#FiraMonoRegular') format('svg');
}

/* Scss Document */
/*Colors*/
/* Scss Document */
/*Header*/
header
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    margin: 20px 0 0 10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    header
    {
        width: auto;
        margin: auto;
    }
}
header h1 div
{
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 300;

    width: 292px;
    height: 17px;
    padding-top: 10px; 

    color: rgba(70, 87, 99, .85);
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    header h1 div
    {
        display: none;
    }
}

h1 img
{
    width: 170px;
}

@media only screen and (min-width: 320px) and (max-width: 768px)
{
    h1 a
    {
        display: none;
    }
}

/* Scss Document */
/* Search*/
.search
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    text-align: center;
}
.search span a
{
    position: absolute;

    margin-top: 15px;
    margin-left: 45px; 

    color: #ebebeb;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .search
    {
        display: none;
    }
}

.search-bar
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    padding: 35px;

    text-align: center; 

    background-color: #a65447;
}
.search-bar span a
{
    position: absolute;

    width: 150px;
    margin-top: 15px;
    margin-left: 45px; 

    color: #ebebeb;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .search-bar
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;

        padding: 20px 32px 20px 32px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (min-width: 320px) and (max-width: 768px)
{
    .search-bar span
    {
        display: none;
    }
}

.title
{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: bold;

    padding: 0 0 20px 0;

    letter-spacing: .03em;

    color: #ebebeb;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .title
    {
        font-size: 18px;

        letter-spacing: normal;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px)
{
    form
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

           -moz-box-pack: center;

                justify-content: center;
    }
}

[type='search']
{
    font-family: opensans;
    font-size: 14px; 
    font-style: italic;

    width: 526px;
    height: 47px;
    padding: 20px;

    letter-spacing: .06em;

    border: solid 1px #d96e5d;
    background-color: #fafafa;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    [type='search']
    {
        font-size: 16px; 

        padding: 18px;

        letter-spacing: normal;
    }
}

[type='submit'].flex-menu-item
{
    position: absolute;

    width: 65px;
    height: 47px;
    margin-left: -6px; 

    border: solid 1px #d96e5d;
    background-color: #fafafa;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    [type='submit'].flex-menu-item
    {
        font-size: 16px; 

        position: inherit;

        width: auto;
        height: auto;
        padding-right: 20px;

        color: #34414a;
        border-left: 0;
    }
}

input[type='search']
{
    -webkit-appearance: none;
}

/* Scss Document */
/*Navigation*/
nav
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;

    width: 100%;
    padding: 30px 0 0 0;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

       -moz-box-pack: end;

            justify-content: flex-end;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    nav
    {
        display: none;
    }
}

.nav-item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.nav-item li
{
    padding: 15px;
}
.nav-item li a
{
    font-size: 18px;

    padding: 5px 5px;

    text-decoration: none; 
    text-transform: uppercase;

    color: #34414a;
}

.sub-menu
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
            flex-direction: row-reverse;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .sub-menu
    {
        display: none;
    }
}

.hamburger
{
    line-height: 35px;

    position: relative;
    top: 30px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    width: 135px;

    cursor: pointer;
    text-align: -webkit-center; 

    color: #34414a;
    border: 0;
    outline: none;
    background: none;
}

.cross
{
    font-size: 6em;

    width: 135px;
    height: 135px;
    margin-top: -50px;
    padding-top: 80px;

    cursor: pointer;
    text-align: center;

    color: #ebebeb;
    border: 0;
    outline: none;
    background: #455763;
}

.menu-magnifying-glass
{
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    width: 1280px;
    height: 167px;
    margin: auto;
    margin-top: 79px;

    background: #a65447;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

            justify-content: center;
}
.menu-magnifying-glass a
{
    color: #ebebeb;
}

.menu-magnifying-glass div
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    text-align: center; 

    -webkit-box-pack: center; 

    -webkit-justify-content: center; 

       -moz-box-pack: center; 

            justify-content: center;
}

.magnifying-glass
{
    font-family: 'awesome';

    width: 135px;
    margin-top: 35px;

    text-align: center; 

    color: #455763;
    border: 0;
    background: none;
}

.magnifying-glass-2
{
    font-family: 'awesome';

    width: 135px;
    margin-top: -30px;
    padding-top: 65px;

    cursor: pointer;

    color: #ebebeb;
    border: 0;
    outline: none;
    background: #a65447;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

            justify-content: center;
}

.menu
{
    position: absolute;
    z-index: 2;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    width: 1280px;
    margin-top: 79px;
    padding: 50px;

    background-color: #455763;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

            justify-content: space-between;
}

.menu ul
{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.31; 

    color: #fafafa;
}
.menu ul li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    padding: 15px 0 0 0;

    color: #ebebeb;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

            justify-content: space-between;
}
.menu ul li a
{
    font-weight: normal; 

    text-decoration: none;

    color: #ebebeb;
}

.menu .sub-menu-links
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.menu .sub-menu-links ul
{
    margin-right: 170px;
}

.menu .sub-menu-login
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.menu .sub-menu-login li a
{
    margin: auto;
}

/* Navigation Responsive */
.menu-toggle-mobile
{
    z-index: 2; 

    display: -webkit-box; 

    display: -webkit-flex; 

    display: -moz-box; 

    display: flex;

    width: auto;
    width: 100%;
    padding: 10px;

    background-color: #455763;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

            justify-content: space-between;
}
@media (min-width: 769px)
{
    .menu-toggle-mobile
    {
        display: none;
    }
}

.brand
{
    margin-top: 5px; 
    margin-left: 12px;
}

.sub-menu-mobile
{
    padding: 20px 20px 0 0;

    background-color: #455763;
}

.hamburger-mobile
{
    font-size: 10px;
    font-style: normal;
    line-height: 20px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    cursor: pointer;
    text-align: center;

    color: #fafafa;
    border: 0;
    outline: none;
}

.cross-mobile
{
    font-size: 3em;

    position: absolute;
    right: 30px;

    cursor: pointer;
    text-align: center;

    color: #fafafa;
    border: 0;
    outline: none;
}
.cross-mobile span
{
    font-size: 10px; 

    display: -webkit-box; 

    display: -webkit-flex; 

    display: -moz-box; 

    display: flex;

    margin-top: -30px;
    padding-left: inherit;
}

.menu-mobile
{
    position: absolute;
    top: 75px;
    left: 0;

    width: 100%;
    padding: 0 35px 0;

    opacity: .95; 
    background-color: #455763;
}

.menu-mobile ul
{
    font-family: opensans;
    font-size: 18px;
    line-height: 3;

    margin-right: auto;

    list-style: none;
}
.menu-mobile ul li
{
    color: #fafafa;
    border-bottom: #ddd 1px solid;
}
.menu-mobile ul li a
{
    font-weight: normal; 

    text-decoration: none;

    color: #ebebeb;
}
.menu-mobile ul li a:hover
{
    color: #b8b8b8;
}
.menu-mobile ul li i
{
    font-size: 30px; 

    float: right;

    margin-top: 15px;
}

.sub-menu-mobile-three,
.sub-menu-mobile-six
{
    color: #b8b8b8;
}

.sub-menu-mobile-four,
.sub-menu-mobile-seven
{
    padding-left: 30px;
}

.between-mobile
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

            justify-content: space-between;
}
.between-mobile a
{
    text-decoration: none; 

    color: #ebebeb;
}

/* Scss Document */
.wrapper
{
    width: 1280px;
    margin: 0 auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .wrapper
    {
        width: auto;
    }
}

img
{
    width: 100%;
    height: auto;
    /*  @include breakpoint(desktop) {
      width: auto;
    }*/
}

/*MAIN*/
.main
{
    margin: 30px 0 90px 0;
}
.main h3
{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.32;

    padding: 30px 0 10px 30px;

    color: #34414a;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .main
    {
        margin: auto;
    }
    .main p
    {
        font-size: 14px;

        padding: 10px;
    }
    .main span
    {
        padding-bottom: 20px; 
        padding-left: 10px;
    }
    .main h3
    {
        font-size: 18px;

        padding: 20px 32px 10px 32px;
    }
}

/*PART 1*/
.light-on-content
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .light-on-content
    {
        display: inherit;
    }
    .light-on-content span
    {
        padding-left: 10px;
    }
}

.light-on-image
{
    height: 378px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .light-on-image
    {
        height: auto;
    }
}

.light-on-content-title
{
    width: 685px;
    height: 140px;
    margin-left: -100px; 

    background-color: #fff;
}
.light-on-content-title h3
{
    padding: 20px 0 10px 30px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .light-on-content-title
    {
        position: relative; 
        top: -30px;

        width: auto;
        height: auto;
        margin: 0 27px;
    }
    .light-on-content-title h3
    {
        padding: 0 10px 10px;
    }
}

.light-on-content-article
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    width: 585px;
    height: 235px;
    padding-right: 20px; 

    background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .light-on-content-article
    {
        width: auto;
        height: auto;
        margin: -30px 27px 20px 27px;
        padding: inherit;
    }
}

.light-on
{
    font-family: Montserrat;
    font-weight: bold;
    line-height: 1.31;

    height: 35px;
    padding: 30px 0 0 30px;

    color: #34414a;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .light-on
    {
        font-size: 12px; 

        padding: 10px 0 0 10px;
    }
}

/*PART 2*/
.archi-wiki-last-news
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .archi-wiki-last-news
    {
        display: inherit;
    }
    .archi-wiki-last-news span
    {
        line-height: 1.71; 

        padding-left: 32px;
    }
    .archi-wiki-last-news p
    {
        padding: 0 32px 20px 32px;
    }
}

.archi-wiki
{
    width: 516px;

    background-color: #ebebeb;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .archi-wiki
    {
        width: auto;
        padding: 10px 0 20px;
    }
}

.last-news
{
    width: 764px;

    background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .last-news
    {
        width: auto;
    }
}

.last-news-image
{
    float: left;

    width: 248px;
    height: 282px;
    margin-top: 30px;

    background-image: url(../../assets/img/photo-book.png);
    background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .last-news-image
    {
        display: none;
    }
}

@media (min-width: 769px)
{
    .last-news-image-mobile
    {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .link-desktop
    {
        display: none;
    }
}

@media (min-width: 769px)
{
    .link-mobile
    {
        display: none;
    }
}

.last-news-content-article-2
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    margin-top: 20px;
}
.last-news-content-article-2 p
{
    padding-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .last-news-content-article-2
    {
        margin-top: auto;
    }
}

.between
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    margin-right: 40px; 

    -webkit-box-pack: justify; 

    -webkit-justify-content: space-between; 

       -moz-box-pack: justify; 

            justify-content: space-between;
}

/*PART 3*/
.block
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    margin: 40px 0 20px 0;
}
.block h3
{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.32;

    padding: 30px 0 10px 30px;

    color: #34414a;
}
.block h2
{
    font-family: Montserrat;
    font-size: 31px;
    font-weight: bold;
    line-height: 1.29;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .block
    {
        display: inherit;

        margin: 30px 0 0;
    }
    .block span
    {
        padding-left: 32px;
    }
    .block p
    {
        padding: 10px 32px 10px 32px;
    }
    .block h2
    {
        font-size: 18px;

        padding-bottom: 20px; 

        text-align: center;
    }
    .block h3
    {
        font-size: 18px;

        padding: 20px 32px 10px 32px;
    }
}

/*Last-modifications*/
.last-change
{
    /*  width: 875px;
    @include breakpoint(mobileonly) {
      width: auto;
    }
  */
}

.change-first
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    margin: 15px 0 30px 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .change-first
    {
        display: inherit;

        margin: 15px 0 5px 0;
    }
}

.rectangle-first
{
    width: 407px;
    height: 350px;

    background-image: url(../../assets/img/photo-imm.png);
    background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .rectangle-first
    {
        display: none;
    }
}

@media (min-width: 769px)
{
    .rectangle-first-mobile
    {
        display: none;
    }
}

.change-description-first
{
    width: 436px;
    height: 350px;

    background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .change-description-first
    {
        width: auto;
        height: auto;
        padding-bottom: 30px;
    }
}

/*Modifications*/
.change
{
    float: left;

    width: 407px;
    margin-right: 30px; 
    margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .change
    {
        display: inherit;
        float: inherit;

        width: auto;
        margin: 0 0 5px;
    }
}

.rectangle
{
    width: 407px;
    height: 250px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .rectangle
    {
        width: auto;
        height: auto;
    }
}

.change-description
{
    height: auto;
    padding-bottom: 30px;

    background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .change-description
    {
        width: auto;
    }
}

/*Links*/
.comments-button
{
    position: relative;
    top: 30px;

    text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .comments-button
    {
        position: inherit;

        margin: 40px 0 50px 0;
    }
}
.comments-button a
{
    font-size: 18px;
    font-weight: 600; 

    padding: 12px 20px;

    text-decoration: none;
    text-transform: uppercase;

    color: #34414a;
    border: solid 2px rgba(70, 87, 99, .65);
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .comments-button a
    {
        font-size: 14px; 

        padding: 14px 7px;
    }
}

/* Scss Document */
/*Sidebar*/
.sidebar
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column; 

    width: 405px;
}
.sidebar h2
{
    font-family: Montserrat;
    font-size: 31px;
    font-weight: bold;
    line-height: 1.29;
}
.sidebar h4
{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;

    padding: 30px 0 10px 30px;

    color: #34414a;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .sidebar
    {
        width: auto;
    }
    .sidebar h2
    {
        font-size: 18px;

        padding-bottom: 20px; 

        text-align: center;
    }
    .sidebar h4
    {
        font-size: 18px;

        padding: 20px 32px 10px 32px;
    }
}

.last-comments
{
    display: block;
    float: left; 

    height: 260px;
}

.comments
{
    width: 407px;
    margin: 15px 0 15px 0;
    padding-bottom: 45px; 

    background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .comments
    {
        width: auto;
        margin: 5px 0 0; 
        padding-bottom: 30px;
    }
}

.bkgnd-icon
{
    font-size: 155px;

    position: absolute;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    margin-top: -10px; 
    margin-left: -15px;

    -webkit-transform: rotate(-5deg);

            transform: rotate(-5deg);

    color: rgba(235, 235, 235, .45);
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .bkgnd-icon
    {
        font-size: 130px; 

        margin-top: -20px;
    }
}

.comment-small
{
    font-size: 14px;
    font-style: italic;
    line-height: 1.71;
}

.sidebar .comments-button
{
    margin-top: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .sidebar .comments-button
    {
        margin-top: 40px;
    }
}

/* Scss Document */
/* Footer*/
footer
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    padding: 10px; 

    background-color: #34414a;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    footer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
                flex-direction: column;
    }
}

.footer-block
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;

    margin: auto;

    text-align: center; 

    color: #fafafa;
}
.footer-block a
{
    text-decoration: none;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .footer-block img
    {
        width: 150px;
        padding-top: 10px;
    }
}

.footer-block p
{
    padding: 40px 0 40px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .footer-block p
    {
        margin: auto; 
        padding: 30px 0 0;
    }
}

.footer-title
{
    font-family: Montserrat;
    font-weight: bold;

    letter-spacing: .01em;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .footer-title
    {
        font-size: 12px; 

        display: inherit;
    }
}

.footer-title-2
{
    font-family: FiraMono;

    letter-spacing: .2em;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .footer-title-2
    {
        font-size: 16px;
    }
}

.footer-contact
{
    font-size: 14px; 

    list-style-type: none;
}
.footer-contact a
{
    line-height: 2.83; 

    color: #fafafa;
}

.social-link
{
    margin: 30px;
    padding: 15px; 

    list-style-type: none;

    border: solid 2px #fafafa;
}
.social-link a
{
    font-size: 14px; 

    padding: 10px;

    color: #fafafa;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .social-link
    {
        display: inherit;
    }
}