@media screen and (max-width: 1330px) {
    .footer-credits{
        margin: 45px 25px 0 25px;
    }
}

@media screen and (max-width: 1279px){
}

@media screen and (max-width: 980px){
    .article-intro-content{
        min-width: 0;
    }

    .service-article{
        width: 40%;
    }
}



@media screen and (max-width: 740px){
    #social{
        display: none;
    }

    #social-mobile{
        display: block;
    }

    #intro-content-about{
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 90%;
    }

    .article-intro-content.first{
        margin-left: auto;

    }

    .article-intro-content{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .article-intro-content.last{
        margin-right: auto;
    }

    .service-article{
        width: 100%;
        display: block;
    }

    .album-thumbnail{
        width: 30%;
        background-color: lightblue;
        overflow: hidden;
        text-align: center;
        display: inline-block;
    }

    #contact-info{
        width: 45%;
        min-width: 300px;
        background-color: #333333;
        margin-right: 0;
        margin-bottom: 15px;
        color: white;
    }

    #content-column-1{
        width: auto;
        overflow: hidden;
        display: block;
        color: white;
    }
    #content-column-2{
        width: auto;
        overflow: hidden;
        display: block;
        margin-top: 15px;
    }
    #content-column-3{
        width: auto;
        overflow: hidden;
        display: block;
        color: white;
        margin-top: 15px;
    }


    .owner-credit{
        display: block;
        text-align:  center;
    }
    .website-credit{
        width: auto;
        display: block;
        float: none;
        text-align:  center;
    }
}

@media screen and (max-width: 1074px) {
    #about-scroll-btn-section{
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    #header-title{
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media screen and (max-width: 950px) {
    #contact-top{
        max-width: 100%;
        margin-left: 25px;
        margin-right: 25px;
    }

    #contact-form-center{
        max-width: 100%;
        margin-left: 25px;
        margin-right: 25px;
        color: white;
        margin-top: 80px;
    }

    .tbl-column-3{
        width: 0;
    }
}