/*
██████╗  █████╗  ██████╗     ██████╗ ██╗  ██╗
╚════██╗██╔══██╗██╔═████╗    ██╔══██╗╚██╗██╔╝
 █████╔╝╚█████╔╝██║██╔██║    ██████╔╝ ╚███╔╝ 
██╔═══╝ ██╔══██╗████╔╝██║    ██╔═══╝  ██╔██╗ 
███████╗╚█████╔╝╚██████╔╝    ██║     ██╔╝ ██╗
╚══════╝ ╚════╝  ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                             */


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

#top .wrapper {
    width: 261px;
}

.logo {
    width: 110px;
    margin: 6px auto 0 auto;
    float: none;
}

body.filter-home .logo .ak,
#top.home .logo .ak {
    fill: #fff;
}

#menu-main {
    float: none;
}

#menu-main li {
    margin-left: 0px;
    margin-top: 25px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 75% 0% transparent;
    background-size: cover;
}

.copy {
    width: 265px;
}

.buttons {
    margin-left: 40px;
}

#section-home .copy {
    left: 0px;
    top: 95px;
    width: 245px;
    font-size: 0.8em;
}

#section-home .copy h1,
#section-home .copy p {
    text-align: center;
    padding: 0;
}

#section-home .arrow-down {
    bottom: 38px;
}

.landing .copy p {
    padding: 0 15px 0 15px;
}

.thumbs {
    width: 280px;
}

.thumbs .project {
    margin-right: 0;
    width: 280px;
    border-radius: 0;
}

.thumbs .project .slide {
    width: 280px;
}

.thumbs .project .slide .text {
    width: 194px;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width:275px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width:275px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width:275px;
    transform: translate(7px, 32px);
    margin-bottom: 50px;
    margin-top: 30px;
}

#section-web .landing img {
    width:275px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 250px;
    text-align: center;
}

.left, .right {
    width: 250px;
}

.left {
    margin-right: 0;
}

#section-about div.pills {
    height: 212px;
    display: none;
}

#section-about ul {
    list-style: none;
    margin-left: 0;
}

#section-about li {
    padding-left: 0;
}

#section-about p.pills {
    width: 250px;
}

#section-about p.spurs {
    display: none;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 52px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 51px;
}

#section-about img.arri {
    width: 250px;
    margin-bottom: 20px;
}

#section-about img.icons {
    width: 25px;
    margin-bottom: 60px;
}

#popup-container {
    width: 200px;
    height: 75vh;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}


















/*
██████╗ ██████╗  ██████╗     ██████╗ ██╗  ██╗
╚════██╗╚════██╗██╔═████╗    ██╔══██╗╚██╗██╔╝
 █████╔╝ █████╔╝██║██╔██║    ██████╔╝ ╚███╔╝ 
 ╚═══██╗██╔═══╝ ████╔╝██║    ██╔═══╝  ██╔██╗ 
██████╔╝███████╗╚██████╔╝    ██║     ██╔╝ ██╗
╚═════╝ ╚══════╝ ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                             */
                                             

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

#top .wrapper {
    width: 307px;
}

.logo {
    width: 110px;
    margin: 6px auto 0 auto;
    float: none;
}

body.filter-home .logo .ak,
#top.home .logo .ak {
    fill: #fff;
}

#menu-main {
    float: none;
}

#menu-main li {
    margin-left: 0px;
    margin-top: 25px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 0.9em;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 75% 0% transparent;
    background-size: cover;
}

.copy {
    width: 265px;
}

.buttons {
    margin-left: 40px;
}

#section-home .copy {
    left: 0px;
    top: 385px;
    width: 320px;
}

#section-home .copy h1,
#section-home .copy p {
    text-align: center;
    padding: 0;
}

.landing .copy p {
    padding: 0 15px 0 15px;
}

.thumbs {
    width: 300px;
}

.thumbs .project {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width:300px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width:300px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width:300px;
    transform: translate(7px, 32px);
    margin-bottom: 50px;
    margin-top: 30px;
}

#section-web .landing img {
    width:300px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 280px;
    text-align: center;
}

.left, .right {
    width: 280px;
}

.left {
    margin-right: 0;
}

#section-about div.pills {
    height: 212px;
    display: none;
}

#section-about ul {
    list-style: none;
    margin-left: 0;
}

#section-about li {
    padding-left: 0;
}

#section-about p.pills {
    width: 280px;
}

#section-about p.spurs {
    display: none;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 52px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 51px;
}

#section-about img.arri {
    width: 280px;
    margin-bottom: 20px;
}

#section-about img.icons {
    width: 30px;
    margin-bottom: 60px;
}

#popup-container {
    width: 230px;
    height: 72vh;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}


















/*
██████╗ ███████╗███████╗    ██████╗ ██╗  ██╗
╚════██╗╚════██║██╔════╝    ██╔══██╗╚██╗██╔╝
 █████╔╝    ██╔╝███████╗    ██████╔╝ ╚███╔╝ 
 ╚═══██╗   ██╔╝ ╚════██║    ██╔═══╝  ██╔██╗ 
██████╔╝   ██║  ███████║    ██║     ██╔╝ ██╗
╚═════╝    ╚═╝  ╚══════╝    ╚═╝     ╚═╝  ╚═╝
                                            */


@media screen and (min-width: 321px) and (max-width: 375px) {

#top .wrapper {
    width: 307px;
}

.logo {
    width: 110px;
    margin: 6px auto 0 auto;
    float: none;
}

body.filter-home .logo .ak,
#top.home .logo .ak {
    fill: #fff;
}

#menu-main {
    float: none;
}

#menu-main li {
    margin-left: 0px;
    margin-top: 25px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 0.9em;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 75% 0% transparent;
    background-size: cover;
}

#section-home .copy {
    left: 0px;
    top: 195px;
    width: 320px;
    font-size: 0.9em;
}

#section-home .arrow-down {
    bottom: 60px;
}

#section-home .copy h1,
#section-home .copy p {
    text-align: center;
    padding: 0;
}

.landing .copy p {
    padding: 0 15px 0 15px;
}

.thumbs {
    width: 300px;
}

.thumbs .project {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width:350px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width:350px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width:350px;
    transform: translate(7px, 32px);
    margin-bottom: 50px;
    margin-top: 30px;
}

#section-web .landing img {
    width:350px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 280px;
    text-align: center;
}

.left, .right {
    width: 280px;
}

.left {
    margin-right: 0;
}

#section-about div.pills {
    height: 212px;
    display: none;
}

#section-about ul {
    list-style: none;
    margin-left: 0;
}

#section-about li {
    padding-left: 0;
}

#section-about p.pills {
    width: 280px;
}

#section-about p.spurs {
    display: none;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 52px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 51px;
}

#section-about img.arri {
    width: 280px;
    margin-bottom: 20px;
}

#section-about img.icons {
    width: 30px;
    margin-bottom: 60px;
}

#popup-container {
    width: 270px;
    height: 80vh;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}


















/*
██╗  ██╗ ██╗██╗  ██╗    ██████╗ ██╗  ██╗
██║  ██║███║██║  ██║    ██╔══██╗╚██╗██╔╝
███████║╚██║███████║    ██████╔╝ ╚███╔╝ 
╚════██║ ██║╚════██║    ██╔═══╝  ██╔██╗ 
     ██║ ██║     ██║    ██║     ██╔╝ ██╗
     ╚═╝ ╚═╝     ╚═╝    ╚═╝     ╚═╝  ╚═╝
                                        */


@media screen and (min-width: 376px) and (max-width: 414px) { 

#top .wrapper {
    width: 377px;
}

.logo {
    width: 110px;
    margin: 6px auto 0 auto;
    float: none;
}

body.filter-home .logo .ak,
#top.home .logo .ak {
    fill: #fff;
}

#menu-main {
    float: none;
}

#menu-main li {
    margin-left: 4px;
    margin-top: 25px;
    padding-top: 10px;
    border-radius: 10px;
    font-size: 0.9em;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 75% 0% transparent;
    background-size: cover;
}

#section-home .copy {
    left: 0px;
    top: 155px;
    width: 320px;
    font-size: 0.9em;
}

#section-home .arrow-down {
    bottom: 40px;
}

#section-home .copy h1,
#section-home .copy p {
    text-align: center;
}

.thumbs {
    width: 300px;
}

.thumbs .project {
    margin-right: 0;
}

#section-print .landing img {
    width:400px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width:400px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width:400px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width:400px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 384px;
    text-align: center;
}

.left, .right {
    width: 384px;
}

.left {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-about div.pills {
    height: 212px;
    display: none;
}

#section-about ul {
    list-style: none;
    margin-left: 0;
}

#section-about li {
    padding-left: 0;
}

#section-about p.pills {
    width: 384px;
}

#section-about p.spurs {
    display: none;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 52px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 51px;
}

#section-about img.arri {
    width: 320px;
    margin-bottom: 20px;
}

#section-about img.icons {
    width: 35px;
    margin-bottom: 60px;
}

#popup-container {
    width: 330px;
    height: 78vh;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}
























/*
 ██████╗ ██████╗  ██████╗     ██████╗ ██╗  ██╗
██╔════╝ ╚════██╗██╔═████╗    ██╔══██╗╚██╗██╔╝
███████╗  █████╔╝██║██╔██║    ██████╔╝ ╚███╔╝ 
██╔═══██╗ ╚═══██╗████╔╝██║    ██╔═══╝  ██╔██╗ 
╚██████╔╝██████╔╝╚██████╔╝    ██║     ██╔╝ ██╗
 ╚═════╝ ╚═════╝  ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                              */

@media screen and (min-width: 415px) and (max-width: 630px) { 

#top .wrapper {
    width: 377px;
}

.logo {
    width: 110px;
    margin: 6px auto 0 auto;
    float: none;
}

body.filter-home .logo .ak,
#top.home .logo .ak {
    fill: #fff;
}

#menu-main {
    float: none;
}

#menu-main li {
    margin-left: 4px;
    margin-top: 25px;
    padding-top: 10px;
    border-radius: 10px;
    font-size: 0.9em;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 75% 0% transparent;
    background-size: cover;
}

#section-home .copy {
    left: 0px;
    top: 385px;
    width: 320px;
}

#section-home .copy h1,
#section-home .copy p {
    text-align: center;
}

.thumbs {
    width: 300px;
}

.thumbs .project {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width:400px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width:400px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width:400px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width:400px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 384px;
    text-align: center;
}

.left, .right {
    width: 384px;
}

.left {
    margin-right: 0;
}

#section-about div.pills {
    height: 212px;
    display: none;
}

#section-about ul {
    list-style: none;
    margin-left: 0;
}

#section-about li {
    padding-left: 0;
}

#section-about p.pills {
    width: 384px;
}

#section-about p.spurs {
    display: none;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 52px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 51px;
}

#section-about img.arri {
    width: 320px;
    margin-bottom: 20px;
}

#section-about img.icons {
    width: 35px;
    margin-bottom: 60px;
}

#popup-container {
    width: 350px;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}
































/*
███████╗███████╗███████╗    ██████╗ ██╗  ██╗
╚════██║██╔════╝██╔════╝    ██╔══██╗╚██╗██╔╝
    ██╔╝███████╗███████╗    ██████╔╝ ╚███╔╝ 
   ██╔╝ ╚════██║╚════██║    ██╔═══╝  ██╔██╗ 
   ██║  ███████║███████║    ██║     ██╔╝ ██╗
   ╚═╝  ╚══════╝╚══════╝    ╚═╝     ╚═╝  ╚═╝
                                            */

@media screen and (min-width: 631px) and (max-width: 755px) {

#top .wrapper {
    width: 565px;
}

.logo {
    width: 110px;
    margin-top: 6px;
}

#menu-main li {
    margin-left: 10px;
}

#content .slider.home {
    background: url("../images/home.jpg") no-repeat scroll 74% 0% transparent;
    background-size: cover;
}

#section-home .copy {
    left: -116px;
    top: -30px;
    width: 336px;
}

.thumbs {
    width: 620px;
}

.thumbs .project:nth-child(even) {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width: 630px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width: 630px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width: 630px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width: 630px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 776px;
}

#section-about #wrapper {
    width: 648px;
}

.left, .right {
    width: 247px;
}

#section-about div.pills {
    height: 150px;
}

#section-about p.pills {
    width: 284px;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 30px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 30px;
}

#section-about img.arri {
    width: 295px;
}

#popup-container {
    width: 550px;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}






















/*
███████╗ ██████╗  █████╗     ██████╗ ██╗  ██╗
╚════██║██╔════╝ ██╔══██╗    ██╔══██╗╚██╗██╔╝
    ██╔╝███████╗ ╚█████╔╝    ██████╔╝ ╚███╔╝ 
   ██╔╝ ██╔═══██╗██╔══██╗    ██╔═══╝  ██╔██╗ 
   ██║  ╚██████╔╝╚█████╔╝    ██║     ██╔╝ ██╗
   ╚═╝   ╚═════╝  ╚════╝     ╚═╝     ╚═╝  ╚═╝
                                             */


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

#top .wrapper {
    width: 565px;
}

.logo {
    width: 110px;
    margin-top: 6px;
}

#menu-main li {
    margin-left: 10px;
}

#section-home .copy {
    left: -116px;
    top: -30px;
    width: 336px;
}

.thumbs {
    width: 620px;
}

.thumbs .project:nth-child(even) {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 4em;
}

#section-print .landing img {
    width: 730px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width: 730px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width: 726px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width: 730px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 776px;
}

#section-about #wrapper {
    width: 648px;
}

.left, .right {
    width: 247px;
}

#section-about div.pills {
    height: 150px;
}

#section-about p.pills {
    width: 284px;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 30px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 30px;
}

#section-about img.arri {
    width: 310px;
}

#popup-container {
    width: 550px;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}






















/*
 █████╗ ██████╗  ██████╗     ██████╗ ██╗  ██╗
██╔══██╗╚════██╗██╔═████╗    ██╔══██╗╚██╗██╔╝
╚██████║ █████╔╝██║██╔██║    ██████╔╝ ╚███╔╝ 
 ╚═══██║██╔═══╝ ████╔╝██║    ██╔═══╝  ██╔██╗ 
 █████╔╝███████╗╚██████╔╝    ██║     ██╔╝ ██╗
 ╚════╝ ╚══════╝ ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                             */
                         

@media screen and (min-width: 769px) and (max-width: 920px) {

#top .wrapper {
    width: 650px;
}

#menu-main li {
    margin-left: 15px;
}

#section-home .copy {
    left: -114px;
}

.thumbs {
    width: 620px;
}

.thumbs .project:nth-child(even) {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 5em;
}

#section-print .landing img {
    width: 730px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width: 730px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width: 726px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width: 730px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 776px;
}

#section-about #wrapper {
    width: 648px;
}

.left, .right {
    width: 247px;
}

#section-about div.pills {
    height: 150px;
}

#section-about p.pills {
    width: 284px;
}

.pill {
    width: 64px;
}

.pill-1 {
    margin-bottom: 30px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 30px;
}

#section-about img.arri {
    width: 310px;
}

#popup-container {
    width: 650px;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}
                         
                         
                         






















/*
 ██╗ ██████╗  ██████╗  ██████╗     ██████╗ ██╗  ██╗
███║██╔═████╗██╔════╝ ██╔═████╗    ██╔══██╗╚██╗██╔╝
╚██║██║██╔██║███████╗ ██║██╔██║    ██████╔╝ ╚███╔╝ 
 ██║████╔╝██║██╔═══██╗████╔╝██║    ██╔═══╝  ██╔██╗ 
 ██║╚██████╔╝╚██████╔╝╚██████╔╝    ██║     ██╔╝ ██╗
 ╚═╝ ╚═════╝  ╚═════╝  ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                                   */


@media screen and (min-width: 921px) and (max-width: 1060px) {

#top .wrapper {
    width: 780px;
}

#menu-main li {
    margin-left: 30px;
}

#section-home .copy {
    left: -178px;
}

.thumbs {
    width: 620px;
}

.thumbs .project:nth-child(even) {
    margin-right: 0;
}

#section-home .copy h1 {
    font-size: 5em;
}

#section-print .landing img {
    width: 760px;
    transform: translate(-4px, 32px);
}

#section-digital .landing img {
    width: 760px;
    transform: translate(-5px, 32px);
}

#section-branding .landing img {
    width: 726px;
    transform: translate(7px, 32px);
    margin-bottom: 30px;
}

#section-web .landing img {
    width: 760px;
    transform: translate(9px, 32px);
}

#section-about #wrapper {
    width: 776px;
}

.left, .right {
    width: 338px;
}

#section-about div.pills {
    height: 150px;
}

#section-about p.pills {
    width: 320px;
}

.pill {
    width: 82px;
}

.pill-1 {
    margin-bottom: 30px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 30px;
}

#popup-container {
    width: 730px;
}

#popup .third-big img {
    width: 100%;
}

#popup .third-small img {
    width: 100%;
}

#popup .third-small2 img {
    width: 100%;
}

#popup .half img {
    width: 100%;
}

#popup .halves img {
    width: 100%;
}

#popup .halves2 img {
    width: 100%;
}

#popup video {
    width: 100%;
    height: 100%;
}

}

























/*
 ██╗██╗  ██╗██████╗  ██████╗     ██████╗ ██╗  ██╗
███║██║  ██║╚════██╗██╔═████╗    ██╔══██╗╚██╗██╔╝
╚██║███████║ █████╔╝██║██╔██║    ██████╔╝ ╚███╔╝ 
 ██║╚════██║██╔═══╝ ████╔╝██║    ██╔═══╝  ██╔██╗ 
 ██║     ██║███████╗╚██████╔╝    ██║     ██╔╝ ██╗
 ╚═╝     ╚═╝╚══════╝ ╚═════╝     ╚═╝     ╚═╝  ╚═╝
                                                 */


@media screen and (min-width: 1061px) and (max-width: 1420px) {

#top .wrapper {
    width: 945px;
}

#menu-main li {
    margin-left: 50px;
}

#section-home .copy {
    left: -258px;
}

.thumbs {
    width: 940px;
}

.thumbs .project:nth-child(3n+0) {
    margin-right: 0;
}

#section-print .landing img,
#section-digital .landing img,
#section-branding .landing img,
#section-web .landing img {
    width: 1000px;
}

#section-branding .landing img {
    transform: translate(0px, 32px);
}

#section-about #wrapper {
    width: 922px;
}

.left, .right {
    width: 411px;
}

#section-about div.pills {
    height: 150px;
}

#section-about p.pills {
    width: 320px;
}

.pill {
    width: 82px;
}

.pill-1 {
    margin-bottom: 30px;
}

.pill-2 {
    margin-bottom: 32px;
}

.pill-3 {
    margin-bottom: 30px;
}



}