diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index ca8d13e3..4ef0ce7a 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -1145,8 +1145,16 @@ a.tag:hover { float:left; background-repeat: no-repeat; margin-right: 30px; + background-size: 100%; - @media (max-device-width:480px), screen and (max-width:800px){ + @media (max-width:1170px) and (min-width:900px){ + margin-right: 25px!important; + + &:last-child { + margin-right: 0!important; + } + } + @media (max-device-width:480px), screen and (max-width:900px){ margin-top: 25px !important; display:block; float:none; @@ -1157,29 +1165,40 @@ a.tag:hover { width: 211px; height: 44px; background-image: url(/img/wired-logo.png); - background-size: 211px; margin-top: 6px; margin-right: 38px; + + @media (max-width:1170px) and (min-width:900px){ + width: 170px; + } } .section .logo.fastco { width: 262px; height: 39px; background-image: url(/img/fastcompany-logo.png); - background-size: 262px; - margin-top: 7px; + margin-top: 7px; + @media (max-width:1170px) and (min-width:900px){ + width: 220px; + } } .section .logo.vice { width: 160px; height: 50px; background-image: url(/img/vice-logo.png); - background-size: 160px; + @media (max-width:1170px) and (min-width:900px){ + width: 120px; + margin-top: 4px; + } } .section .logo.ars { width: 187px; height: 62px; background-image: url(/img/ars-logo.png); - background-size: 187px; margin-top: -4px; + @media (max-width:1170px) and (min-width:900px){ + width: 130px; + margin-top: 0; + } } .section .press .more { color: #A0BAC0;