.navbar-nav li a{color:#EB3F43; font-size: 80px; padding: 10px 0;line-height:80px}

.about h1 {font-size:5rem; font-family: "Ogilvy Serif";font-style: italic; color: #EB3F43;font-weight: 300; margin-bottom:20px;}
.about p {font-size:2.5rem; font-family: "Ogilvy Sans";font-style: normal; color: #EB3F43;font-weight: 300; line-height:1.2;}

.work h1 {font-size:5.625rem; letter-spacing:0.05rem; line-height:1.1; color:#FFFFFF; font-weight: 300;}
.work h2 {font-size:2.5rem; letter-spacing:0rem; line-height:1.1; color:#FFFFFF; font-weight: 300;}
.staticcontent{padding:80px 20px 30px 20px;}


h2.teamname {font-size:2.5rem; font-family: "Ogilvy Serif"; margin: 20px 0 10px;}
h3.teammail {font-size:2.5rem; font-family: "Ogilvy Serif"; font-weight: 300; font-style: italic;}

.ceo h2.teamname, .ceo h3.teammail a{color: #24298f;}
.ecd h2.teamname, .ecd h3.teammail a{color: #eb3f43;}

.awards p {color: #eb3f43; font-family: "Ogilvy Serif", Sans-serif; font-size: 40px;}
.awards p .blinker{}

.contact, .contact a{color: #eb3f43;}
.contact a{font-style: italic;}

footer a,
h3.teammail a:hover,
.contact a:hover{color: #FFFFFF;}
.huge{font-size:4.3rem; line-height:1.2em;}

.clients h1 {color:#FFFFFF; font-size:4rem; font-weight: 300; margin-bottom:10px;}
.clients .logos{padding:30px;}

@media only screen and (max-width: 1200px) {
    .work h1 {font-size: 4.3rem;}
    .work h2 {font-size: 2.8rem;}
    .about h1 {font-size:4rem; font-family: "Ogilvy Serif";}
    .about p {font-size:2.2rem; font-family: "Ogilvy Sans"}
    img.teamhead {max-height:200px; width:auto;}
    h2.teamname {font-size:2.2rem;}
    h3.teammail {font-size:2.2rem;}
    .huge{font-size:3.3rem; line-height:1.2em;}
    .clients h1 {font-size:3.5rem;}
}

@media only screen and (max-width: 768px) {
    .work-item{padding: 0 30px;}
    .work h1 {font-size: 3rem; }
    .work h2 {font-size: 2rem;}
    .about h1 {font-size:2.8rem; font-family: "Ogilvy Serif";}
    .about p {font-size:1.8rem; font-family: "Ogilvy Sans";}
    img.teamhead {max-height:160px; width:auto;}
    h2.teamname {font-size:1.8rem;}
    h3.teammail {font-size:1.8rem;}
    .huge{font-size:2.7rem; line-height:1.2em;}
    .clients h1 {font-size:3rem;  margin-top:60px;}
    .navbar-nav li a{font-size: 3.5rem;line-height:1em}

    .work .icon-Play{font-size:70px;}
    .spacer-item{height:calc(50% - 35px);}
    .work-item{height:calc(50% + 35px);}


}
@media only screen and (max-width: 480px) {
    .work-item{padding: 0 20px;}
    .work h1 {font-size: 2.3rem; }
    .work h2 {font-size: 1.6rem;}
    .about h1 {font-size:2.6rem; font-family: "Ogilvy Serif";}
    .about p {font-size:1.4rem; font-family: "Ogilvy Sans";}
    img.teamhead {max-height:100px; width:auto;}
    h2.teamname {font-size:1.4rem;}
    h3.teammail {font-size:1.4rem;}
    .huge{font-size:2rem; line-height:1.1em;}
    .clients h1 {font-size:2.5rem; margin-top:60px;}
    .navbar-nav li a{font-size: 2.8rem;line-height:1em}
    .modal-dialog { max-width: 95%;}

    .hecht-geil #slide91,
    .freunde #slide31{background-position: 66% 50% !important;}
    .wuensche #slide41 {background-position: 33% 50% !important;}
    .erfolgswege #slide101 {background-position: 58% 50% !important;}

    .work .icon-Play{font-size:60px;}
    .spacer-item{height:calc(50% - 30px);}
    .work-item{height:calc(50% + 30px);}

    .logos img{max-width: 90px; margin:10px 0;}

    .close {position: absolute; right: 10px; top: 10px;}

    .fp-controlArrow{display: none;}
}
@media only screen and (max-width: 320px) {
    .work-item{padding: 0 20px;}
    .work h1 {font-size: 2rem; }
    .work h2 {font-size: 1.5rem;}
    .about h1 {font-size:2.4rem; font-family: "Ogilvy Serif";}
    .about p {font-size:1.2rem; font-family: "Ogilvy Sans";}
    img.teamhead {max-height:80px; width:auto;}
    h2.teamname {font-size:1.2rem;}
    h3.teammail {font-size:1.2rem;}
    .huge{font-size:1.6rem; line-height:1.1em;}
    .huge a{font-size:1.4rem;}
    .clients h1 {font-size:2.2rem; margin-top:60px;}
    .navbar-nav li a{font-size: 2.4rem;line-height:1em}
    .work .icon-Play{font-size:50px;}
    .spacer-item{height:calc(50% - 20px);}
    .work-item{height:calc(50% + 20px);}

    .logos img{max-width: 70px; margin:8px 0;}
}

.blinker {
    animation: blinkme 1s linear infinite;
}

@keyframes blinkme {
    50% {
        opacity: 0;
    }
}

HundKatzeMausTelefon01!