@media (max-width: 1920px){
    footer{
        height: 240px;
    }
    .footer-margin{
        margin: 70px auto;
    line-height: 48px;
    }
}

@media (min-width: 1921px){
.content .text-intro {
    margin: 240px auto 0;
}
.content .text-intro h1 {
    font-size: 70px;
    width: 80%;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
    line-height: 100px;
}
.content .text-intro p {
    font-size: 15px;
    color: #515151;
    margin-top: 50px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.2px;
    width: 40%;
}
#footer-box {
    height: 150px;
    margin-top: 75px;
}
footer {
    background: #1b1b1b;
    width: 100%;
    margin-top: 70px;
    height: 320px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.footer-margin {
    width: 1140px;
    margin: 80px auto;
    line-height: 70px;
}
.fa {
    font-size: 22px !important;
}
}
@media (max-width: 1919px) and (min-width: 1679px){
.content .text-intro {
    margin: 200px auto 0;
}
#content {
    padding-bottom:280px; /* Height of the footer element */
}
.content .text-intro h1 {
    font-size: 50px;
    width: 80%;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
    line-height: 80px;
}
.content .text-intro p {
    font-size: 15px;
    color: #515151;
    margin-top: 50px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.2px;
    width: 40%;
}
#footer-box {
    height: 150px;
    margin-top: 75px;
}
footer {
    background: #1b1b1b;
    width: 100%;
    margin-top: 70px;
    height: 280px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.footer-margin {
    width: 1140px;
    margin: 70px auto;
    line-height: 60px;
}
.fa {
    font-size: 20px !important;
}
}
@media (max-width: 1919px){
    footer{
        height: 180px;
    }
    .footer-margin{
        margin:35px auto;
    }
}

@media all and (max-width: 1330px) and (min-width: 1180px) {
    header.boxed .header-margin {
        width: 1000px;
    }
    .content .text-intro {
        width: 1000px;
    }
    .footer-margin {
        width: 1000px;
    }
    .content .text-intro h1,
    .content .text-intro p {
        width: 60%;
    }
    #full {
        width: 1000px;
    }
    .prev-next {
        max-width: 1000px;
    }
    /*
  **************************
  Portfolio Grid
  **************************
  */
    #portfolio-sidebar {
        width: 710px !important;
        padding-right: 320px;
    }
    .portfolio-grid {
        width: 1030px;
    }
    .grid-hover,
    li.grid-item,
    li.grid-item img {
        width: 312px;
    }
}
@media all and (max-width: 1179px) and (min-width: 1024px) {
    header.boxed .header-margin {
        width: 800px;
    }
    .content .text-intro {
        width: 800px;
    }
    .footer-margin {
        width: 800px;
    }
    .content .text-intro h1,
    .content .text-intro p {
        width: 60%;
    }
    #full {
        width: 800px;
    }
    .prev-next {
        max-width: 800px;
    }
    /*
  **************************
  Portfolio Grid
  **************************
  */
    #portfolio-sidebar {
        width: 580px !important;
        padding-right: 250px;
    }
    .portfolio-grid {
        width: 830px;
    }
    .grid-hover,
    li.grid-item,
    li.grid-item img {
        width: 246px;
    }
}
@media all and (max-width: 1023px) and (min-width: 769px) {
    header.boxed .header-margin {
        width: 600px;
    }
    .content .text-intro {
        width: 600px;
    }
    .footer-margin {
        width: 600px;
    }
    .content .text-intro h1,
    .content .text-intro p {
        width: 100%;
    }
    #full {
        width: 600px;
    }
    .prev-next {
        max-width: 600px;
    }
    .home-sidebar {
        display: none;
    }
    ul.header-nav {
        width: 50%;
    }
    header li > a {
        padding-right: 15px;
        padding-left: 15px;
    }
    /*
  **************************
  Portfolio Grid
  **************************
  */
    #portfolio-sidebar {
        width: 630px !important;
        padding-right: 0;
    }
    .portfolio-grid {
        width: 630px;
    }
    .grid-hover,
    li.grid-item,
    li.grid-item img {
        width: 282px;
    }
}
@media all and (max-width: 768px) and (min-width: 481px) {
    canvas{
        opacity: 0.1;
    }
    header.boxed .header-margin {
        width: 440px;
    }
    .content .text-intro {
        width: 440px;
    }
    .footer-margin {
        width: 440px;
    }
    .content .text-intro h1,
    .content .text-intro p {
        width: 100% !important;
    }
    #full {
        width: 440px;
        display: block !important;
    }
    .menu-index {
        display: block !important;
    }
    .prev-next {
        max-width: 440px;
    }
    .home-sidebar {
        display: none;
    }
    ul.header-nav {
        width: 50%;
    }
    header li > a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .one-column,
    .two-column {
        width: 100%;
    }
    .contact-one,
    .contact-two,
    .contact-three {
        width: 100%;
    }
    textarea {
        height: 250px;
    }
    input.button-submit {
        margin-bottom: 100px;
    }
    .logo,
    .menu-index {
        display: block;
    }
    header.boxed {
        display: none !important;
    }
    #footer-left {
        text-align: center;
    }
    /*
  **************************
  Portfolio Grid
  **************************
  */
    #portfolio-sidebar {
        width: 460px !important;
        padding-right: 0;
    }
    .portfolio-grid {
        width: 460px;
    }
    .grid-hover,
    li.grid-item,
    li.grid-item img {
        width: 460px;
    }
}
@media all and (max-width: 480px) and (min-width: 320px) {
    canvas{
        display: none;
    }
    header.boxed .header-margin {
        width: 330px;
    }
    .content .text-intro {
        width: 330px;
    }
    .footer-margin {
        width: 330px;
    }
    .footer-margin .copyright {
        line-height: 40px;
    }
    .content .text-intro h1,
    .content .text-intro p {
        width: 100% !important;
    }
    #full {
        width: 330px;
        display: block !important;
    }
    .menu-index {
        display: block !important;
    }
    .prev-next {
        max-width: 330px;
    }
    .home-sidebar {
        display: none;
    }
    .one-column,
    .two-column {
        width: 100%;
    }
    .contact-one,
    .contact-two,
    .contact-three {
        width: 100%;
    }
    textarea {
        height: 250px;
    }
    input,
    textarea {
        padding: 0;
    }
    input.button-submit {
        margin-bottom: 100px;
    }
    header.boxed {
        display: none !important;
    }
    #footer-left {
        text-align: center;
    }
    .content .text-intro h1 {
        font-size: 33px;
        line-height: 50px;
    }
    /*
  **************************
  Portfolio Grid
  **************************
  */
    #portfolio-sidebar {
        width: 330px !important;
        padding-right: 0;
    }
    .portfolio-grid {
        width: 330px;
    }
    .grid-hover,
    li.grid-item,
    li.grid-item img {
        width: 330px;
    }
}
@media (min-width: 768px) and (max-width: 1200) {}@media (min-width: 768px) {
    .menu-index {
        display: none !important;
    }
    .bigbig {
        display: block !important;
    }
}
@media (max-width: 768px) {
    .menu-index {
        display: block !important;
    }
    .bigbig {
        display: none !important;
    }
}