@media screen and (max-screen: 1336px) {
#main-nav .container {
padding-top: 20px;
}
}

#site-navigation {
    padding-top: 8px;
}

.contact-header {
    display: inline-block;
    width: 55%;
    text-align: center;
}

.contact-header a {
color: black;
}

.contact-header .phone-number,
.contact-header .email {
    display: inline-block;
    margin: 32px 16px;
}

.header-content-wrap {
    background: 0;
}

.big-title-container {
    background: url('http://www.dypa.se/wp-content/uploads/2016/03/CITATTEXT-1.png') right no-repeat;
    height: 330px;
    background-size: cover;
    width: 100%;
}

.intro-text {
    display: none;
}

.client-list .widget-title {
font-size: 0;
}

.client-list .widget-title:nth-child(1) {
    background: url("http://www.dypa.se/wp-content/uploads/2016/02/GRONYTESKOTSEL_BG.png") #fff no-repeat;
    background-size: 100% 100%;
    padding-bottom: 23px;
    padding-top: 500px;
}

.client-list .widget-title:nth-child(3) {
    background: url("http://www.dypa.se/wp-content/uploads/2016/02/MARKANLAGGNING_BG.png") #fff no-repeat;
    background-size: 100% 100%;
    padding-bottom: 23px;
    padding-top: 500px;
}

.client-list .widget-title:nth-child(5) {
    background: url("http://www.dypa.se/wp-content/uploads/2016/02/FINPLANERING_BG.png") #fff no-repeat;
    background-size: 100% 100%;
    padding-bottom: 23px;
    padding-top: 500px;
}

.client-list .widget-title:nth-child(7) {
    background: url("http://www.dypa.se/wp-content/uploads/2016/02/VINTERUNDERHALL_BG.png") #fff no-repeat;
    background-size: 100% 100%;
    padding-bottom: 23px;
    padding-top: 500px;
}

.about-us {
    background: rgba(0, 0, 0, 0.5);
    padding: 0px;
}

.about-us .section-header {
display: none;
}

.about-us .container {
    background: #fff;
    width: 100%;
    padding: 0;
}

.sub-menu li:hover {
    background-color: #F4F4F4;
}

.navbar-brand > img {
    width: 180px;
    max-height: 148%;
}

.circle {
    display: inline-block;
    vertical-align: middle;
    margin: 8px;
    line-height: 130px;
    text-align: center;
}

.circle img {
    width: 140px;
}

.circle a {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: black;
    font-size: 16px;
}

.circle a:hover {
    font-size: 18px;
}

.section-header {
padding-bottom: 0;
}

.about-us .row {
display: none;
}

.our-clients {
display: none;
}

.section-header h2 {
    padding-bottom: 24px;
}

.client-list .textwidget {
margin-bottom: 48px;
}

.company-details {
    padding-top: 14px;
    vertical-align: top;
text-align: left;
}

@media (max-width: 768px) {
.contact-header {
width: 100%;
}
.client-list .widget-title {
    padding-top: 250px!important;
}
}

@media (max-width: 550px) {
.contact-header {
width: 100%;
}

.contact-header .phone-number, 
.contact-header .email {
    margin: 16px;
}
}

@media (max-width: 440px) {
.navbar-brand > img {
    width: 160px;
    max-height: 140%;
}
}

@media (min-width: 768px) {
.contact-header {
    width: 30%;
    margin: 0;
    margin-top: 24px;
}
.contact-header .phone-number, 
.contact-header .email {
    margin: 0 8px;
}
}

@media (min-width: 1200px) {
.contact-header {
width: 57%;
margin-top: 4px;
}
.contact-header .phone-number, 
.contact-header .email {
    margin: 32px 16px;
}
}