style.css

/* Custom styles by Sridhar */

body {
    background: #000;
}

.site-header .widget-area {
    text-align: right;
    color: #fff;
    width: 29%;
}

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
    min-height: 150px;
    max-width: none;
}

.header-image .title-area {
    width: 71%;
}

.header-image .site-title,
.header-image .site-title a {
    width: 100%;
}

.phone-number {
    font-size: x-large;
}

@media only screen and (max-width: 1200px) {

    .header-image .site-title a {
        background-size: contain !important;
    }

}

@media only screen and (max-width: 1023px) {

    .header-image .title-area,
    .header-image .site-title,
    .header-image .site-title a {
        float: left;
    }

}

@media only screen and (max-width: 768px) {

    .site-header {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 568px) {

    .header-image .title-area {
        width: 100%;
    }

    .header-image .title-area,
    .header-image .site-title,
    .header-image .site-title a {
        float: none;
    }

    .site-header .widget-area {
        width: 100%;
        text-align: center;
    }

    .header-image .title-area, .header-image .site-title, .header-image .site-title a {
        min-height: 100px;
    }

    .site-header {
        padding-left: 5%;
        padding-right: 5%;
    }

}

@media only screen and (max-width: 320px) {

    .header-image .title-area, .header-image .site-title, .header-image .site-title a {
        min-height: 80px;
    }

    .site-header .widget {
        padding-top: 0;
    }

}