@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";
html,body{margin:0;padding:0;background:#faf8ef;color:#776e65;font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:18px}
body{margin:30px 0}
.heading:after{content:"";display:block;clear:both}
h1.title{font-size:50px;font-weight:700;margin:0;display:block;float:left}
@-webkit-keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
@-moz-keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
@keyframes move-up {
0%{top:25px;opacity:1}
100%{top:-50px;opacity:0}
}
.scores-container{float:right;text-align:right}
.score-container,.best-container{position:relative;display:inline-block;background:#bbada0;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;margin-top:8px;text-align:center}
.score-container:after,.best-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}
.score-container .score-addition,.best-container .score-addition{position:absolute;right:30px;color:red;font-size:25px;line-height:25px;font-weight:700;color:#776e65e6;z-index:100;-webkit-animation:move-up 600ms ease-in;-moz-animation:move-up 600ms ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.score-container:after{content:"Score"}
.best-container:after{content:"Best"}
p{margin-top:0;margin-bottom:10px;line-height:1.65}
a{color:#776e65;font-weight:700;text-decoration:underline;cursor:pointer}
strong.important{text-transform:uppercase}
hr{border:none;border-bottom:1px solid #d8d4d0;margin-top:20px;margin-bottom:30px}
.container{width:621px;margin:0 auto}
@-webkit-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
.game-container{margin-top:20px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;background:#bbada0;border-radius:6px;width:621px;height:621px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#eee4da80;z-index:100;text-align:center;-webkit-animation:fade-in 800ms ease 1200ms;-moz-animation:fade-in 800ms ease 1200ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}
.game-container .game-message .lower{display:block;margin-top:59px}
.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;margin-left:9px}
.game-container .game-message.game-won{background:#edc22e80;color:#f9f6f2}
.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}
.grid-container{position:absolute;z-index:1}
.grid-row{margin-bottom:6.7px}
.grid-row:last-child{margin-bottom:0}
.grid-row:after{content:"";display:block;clear:both}
.grid-cell{width:68.25px;height:68.25px;margin-right:6.7px;float:left;border-radius:3px;background:#eee4da59}
.grid-cell:last-child{margin-right:0}
.tile-container{position:absolute;z-index:2}
.tile,.tile .tile-inner{width:68.25px;height:68.25px;line-height:68.25px}
.tile.tile-position-1-1{position:absolute;left:0;top:0}
.tile.tile-position-1-2{position:absolute;left:0;top:75px}
.tile.tile-position-1-3{position:absolute;left:0;top:150px}
.tile.tile-position-1-4{position:absolute;left:0;top:225px}
.tile.tile-position-1-5{position:absolute;left:0;top:300px}
.tile.tile-position-1-6{position:absolute;left:0;top:375px}
.tile.tile-position-1-7{position:absolute;left:0;top:450px}
.tile.tile-position-1-8{position:absolute;left:0;top:525px}
.tile.tile-position-2-1{position:absolute;left:75px;top:0}
.tile.tile-position-2-2{position:absolute;left:75px;top:75px}
.tile.tile-position-2-3{position:absolute;left:75px;top:150px}
.tile.tile-position-2-4{position:absolute;left:75px;top:225px}
.tile.tile-position-2-5{position:absolute;left:75px;top:300px}
.tile.tile-position-2-6{position:absolute;left:75px;top:375px}
.tile.tile-position-2-7{position:absolute;left:75px;top:450px}
.tile.tile-position-2-8{position:absolute;left:75px;top:525px}
.tile.tile-position-3-1{position:absolute;left:150px;top:0}
.tile.tile-position-3-2{position:absolute;left:150px;top:75px}
.tile.tile-position-3-3{position:absolute;left:150px;top:150px}
.tile.tile-position-3-4{position:absolute;left:150px;top:225px}
.tile.tile-position-3-5{position:absolute;left:150px;top:300px}
.tile.tile-position-3-6{position:absolute;left:150px;top:375px}
.tile.tile-position-3-7{position:absolute;left:150px;top:450px}
.tile.tile-position-3-8{position:absolute;left:150px;top:525px}
.tile.tile-position-4-1{position:absolute;left:225px;top:0}
.tile.tile-position-4-2{position:absolute;left:225px;top:75px}
.tile.tile-position-4-3{position:absolute;left:225px;top:150px}
.tile.tile-position-4-4{position:absolute;left:225px;top:225px}
.tile.tile-position-4-5{position:absolute;left:225px;top:300px}
.tile.tile-position-4-6{position:absolute;left:225px;top:375px}
.tile.tile-position-4-7{position:absolute;left:225px;top:450px}
.tile.tile-position-4-8{position:absolute;left:225px;top:525px}
.tile.tile-position-5-1{position:absolute;left:300px;top:0}
.tile.tile-position-5-2{position:absolute;left:300px;top:75px}
.tile.tile-position-5-3{position:absolute;left:300px;top:150px}
.tile.tile-position-5-4{position:absolute;left:300px;top:225px}
.tile.tile-position-5-5{position:absolute;left:300px;top:300px}
.tile.tile-position-5-6{position:absolute;left:300px;top:375px}
.tile.tile-position-5-7{position:absolute;left:300px;top:450px}
.tile.tile-position-5-8{position:absolute;left:300px;top:525px}
.tile.tile-position-6-1{position:absolute;left:375px;top:0}
.tile.tile-position-6-2{position:absolute;left:375px;top:75px}
.tile.tile-position-6-3{position:absolute;left:375px;top:150px}
.tile.tile-position-6-4{position:absolute;left:375px;top:225px}
.tile.tile-position-6-5{position:absolute;left:375px;top:300px}
.tile.tile-position-6-6{position:absolute;left:375px;top:375px}
.tile.tile-position-6-7{position:absolute;left:375px;top:450px}
.tile.tile-position-6-8{position:absolute;left:375px;top:525px}
.tile.tile-position-7-1{position:absolute;left:450px;top:0}
.tile.tile-position-7-2{position:absolute;left:450px;top:75px}
.tile.tile-position-7-3{position:absolute;left:450px;top:150px}
.tile.tile-position-7-4{position:absolute;left:450px;top:225px}
.tile.tile-position-7-5{position:absolute;left:450px;top:300px}
.tile.tile-position-7-6{position:absolute;left:450px;top:375px}
.tile.tile-position-7-7{position:absolute;left:450px;top:450px}
.tile.tile-position-7-8{position:absolute;left:450px;top:525px}
.tile.tile-position-8-1{position:absolute;left:525px;top:0}
.tile.tile-position-8-2{position:absolute;left:525px;top:75px}
.tile.tile-position-8-3{position:absolute;left:525px;top:150px}
.tile.tile-position-8-4{position:absolute;left:525px;top:225px}
.tile.tile-position-8-5{position:absolute;left:525px;top:300px}
.tile.tile-position-8-6{position:absolute;left:525px;top:375px}
.tile.tile-position-8-7{position:absolute;left:525px;top:450px}
.tile.tile-position-8-8{position:absolute;left:525px;top:525px}
.tile{border-radius:3px;background:#eee4da;text-align:center;font-weight:700;z-index:10;font-size:45px;-webkit-transition:100ms ease-in-out;-moz-transition:100ms ease-in-out;-webkit-transition-property:top,left;-moz-transition-property:top,left}
.tile.tile-2{background:#eee4da;box-shadow:0 0 30px 10px #f3d77400 inset 0 0 0 1px #fff0}
.tile.tile-4{background:#ede0c8;box-shadow:0 0 30px 10px #f3d77400 inset 0 0 0 1px #fff0}
.tile.tile-8{color:#f9f6f2;background:#f2b179}
.tile.tile-16{color:#f9f6f2;background:#f59563}
.tile.tile-32{color:#f9f6f2;background:#f67c5f}
.tile.tile-64{color:#f9f6f2;background:#f65e3b}
.tile.tile-128{color:#f9f6f2;background:#edcf72;box-shadow:0 0 30px 10px #f3d7743d inset 0 0 0 1px #ffffff24;font-size:30px}
@media screen and (max-width: 480px) {
.tile.tile-128{font-size:17px}
}
.tile.tile-256{color:#f9f6f2;background:#edcc61;box-shadow:0 0 30px 10px #f3d77451 inset 0 0 0 1px #ffffff31;font-size:30px}
@media screen and (max-width: 480px) {
.tile.tile-256{font-size:17px}
}
.tile.tile-512{color:#f9f6f2;background:#edc850;box-shadow:0 0 30px 10px #f3d77465 inset 0 0 0 1px #ffffff3d;font-size:30px}
@media screen and (max-width: 480px) {
.tile.tile-512{font-size:17px}
}
.tile.tile-1024{color:#f9f6f2;background:#edc53f;box-shadow:0 0 30px 10px #f3d77479 inset 0 0 0 1px #ffffff49;font-size:23px}
@media screen and (max-width: 480px) {
.tile.tile-1024{font-size:12px}
}
.tile.tile-2048{color:#f9f6f2;background:#edc22e;box-shadow:0 0 30px 10px #f3d7748e inset 0 0 0 1px #fff5;font-size:23px}
@media screen and (max-width: 480px) {
.tile.tile-2048{font-size:12px}
}
.tile.tile-4096{color:#f9f6f2;background:#ebb914;box-shadow:0 0 30px 10px #f3d774a2 inset 0 0 0 1px #fff5;font-size:23px}
@media screen and (max-width: 480px) {
.tile.tile-4096{font-size:12px}
}
.tile.tile-8192{color:#f9f6f2;background:#d3a612;box-shadow:0 0 30px 10px #f3d774b6 inset 0 0 0 1px #fff5;font-size:23px}
@media screen and (max-width: 480px) {
.tile.tile-8192{font-size:12px}
}
.tile.tile-16384{color:#f9f6f2;background:#bc9410;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:16px}
@media screen and (max-width: 480px) {
.tile.tile-16384{font-size:10px}
}
.tile.tile-32768{color:#f9f6f2;background:#bc9410;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:16px}
@media screen and (max-width: 480px) {
.tile.tile-32768{font-size:10px}
}
.tile.tile-65536{color:#f9f6f2;background:#bc9410;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:16px}
@media screen and (max-width: 480px) {
.tile.tile-65536{font-size:10px}
}
.tile.tile-131072{color:#f9f6f2;background:#8a6d3b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-131072{font-size:5px}
}
.tile.tile-262144{color:#f9f6f2;background:#8a6d3b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-262144{font-size:5px}
}
.tile.tile-524288{color:#f9f6f2;background:#8a6d3b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-523288{font-size:5px}
}
.tile.tile-1048576{color:#f9f6f2;background:#a94442;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-1048576{font-size:5px}
}
.tile.tile-2097152{color:#f9f6f2;background:#a94442;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-2097152{font-size:5px}
}
.tile.tile-4194304{color:#f9f6f2;background:#a94442;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-4194304{font-size:5px}
}
.tile.tile-8388608{color:#f9f6f2;background:#a94442;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:12px}
@media screen and (max-width: 480px) {
.tile.tile-8388608{font-size:5px}
}
.tile.tile-16777216{color:#f9f6f2;background:#791d1b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:10px}
@media screen and (max-width: 480px) {
.tile.tile-16777216{font-size:3px}
}
.tile.tile-33554432{color:#f9f6f2;background:#791d1b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:10px}
@media screen and (max-width: 480px) {
.tile.tile-33554432{font-size:3px}
}
.tile.tile-67108864{color:#f9f6f2;background:#791d1b;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:10px}
@media screen and (max-width: 480px) {
.tile.tile-67108864{font-size:3px}
}
.tile.tile-134217728{color:#f9f6f2;background:#842490;box-shadow:0 0 30px 10px #f3d774cb inset 0 0 0 1px #fff5;font-size:10px}
@media screen and (max-width: 480px) {
.tile.tile-134217728{font-size:3px}
}
@-webkit-keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}
}
@-moz-keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}
}
@keyframes appear {
0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}
}
.tile-new{-webkit-animation:appear 200ms ease 100ms;-moz-animation:appear 200ms ease 100ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
@-webkit-keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1)}
}
@-moz-keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1)}
}
@keyframes pop {
0%{-webkit-transform:scale(0);-moz-transform:scale(0)}
50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1)}
}
.tile-merged{z-index:20;-webkit-animation:pop 200ms ease 100ms;-moz-animation:pop 200ms ease 100ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.game-intro{margin-bottom:0}
.game-explanation{margin-top:25px}
@media screen and (max-width: 480px) {
html,body{font-size:15px}
body{margin:20px 0;padding:0 20px}
h1.title{font-size:27px;margin-top:15px}
.container{width:347.5px;margin:0 auto}
.score-container,.best-container{margin-top:0;padding:15px 10px;min-width:40px}
.heading{margin-bottom:10px}
.game-container{margin-top:40px;position:relative;padding:10px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;background:#bbada0;border-radius:6px;width:347.5px;height:347.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#eee4da80;z-index:100;text-align:center;-webkit-animation:fade-in 800ms ease 1200ms;-moz-animation:fade-in 800ms ease 1200ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}
.game-container .game-message .lower{display:block;margin-top:59px}
.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;margin-left:9px}
.game-container .game-message.game-won{background:#edc22e80;color:#f9f6f2}
.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}
@media screen and (max-width: 480px) {
.grid-container{position:absolute;z-index:1}
.grid-row{margin-bottom:5px}
.grid-row:last-child{margin-bottom:0}
.grid-row:after{content:"";display:block;clear:both}
.grid-cell{width:36.5px;height:36.5px;margin-right:5px;float:left;border-radius:3px;background:#eee4da59}
.grid-cell:last-child{margin-right:0}
.tile-container{position:absolute;z-index:2}
.tile,.tile .tile-inner{width:36.5px;height:36.5px;line-height:36.5px}
.tile.tile-position-1-1{position:absolute;left:0;top:0}
.tile.tile-position-1-2{position:absolute;left:0;top:41.5px}
.tile.tile-position-1-3{position:absolute;left:0;top:83px}
.tile.tile-position-1-4{position:absolute;left:0;top:125px}
.tile.tile-position-1-5{position:absolute;left:0;top:166px}
.tile.tile-position-1-6{position:absolute;left:0;top:207.5px}
.tile.tile-position-1-7{position:absolute;left:0;top:249px}
.tile.tile-position-1-8{position:absolute;left:0;top:290.5px}
.tile.tile-position-2-1{position:absolute;left:41.5px;top:0}
.tile.tile-position-2-2{position:absolute;left:41.5px;top:41.5px}
.tile.tile-position-2-3{position:absolute;left:41.5px;top:83px}
.tile.tile-position-2-4{position:absolute;left:41.5px;top:125px}
.tile.tile-position-2-5{position:absolute;left:41.5px;top:166px}
.tile.tile-position-2-6{position:absolute;left:41.5px;top:207.5px}
.tile.tile-position-2-7{position:absolute;left:41.5px;top:249px}
.tile.tile-position-2-8{position:absolute;left:41.5px;top:290.5px}
.tile.tile-position-3-1{position:absolute;left:83.5px;top:0}
.tile.tile-position-3-2{position:absolute;left:83.5px;top:41.5px}
.tile.tile-position-3-3{position:absolute;left:83.5px;top:83px}
.tile.tile-position-3-4{position:absolute;left:83.5px;top:125px}
.tile.tile-position-3-5{position:absolute;left:83.5px;top:166px}
.tile.tile-position-3-6{position:absolute;left:83.5px;top:207.5px}
.tile.tile-position-3-7{position:absolute;left:83.5px;top:249px}
.tile.tile-position-3-8{position:absolute;left:83.5px;top:290.5px}
.tile.tile-position-4-1{position:absolute;left:124.5px;top:0}
.tile.tile-position-4-2{position:absolute;left:124.5px;top:41.5px}
.tile.tile-position-4-3{position:absolute;left:124.5px;top:83px}
.tile.tile-position-4-4{position:absolute;left:124.5px;top:125px}
.tile.tile-position-4-5{position:absolute;left:124.5px;top:166px}
.tile.tile-position-4-6{position:absolute;left:124.5px;top:207.5px}
.tile.tile-position-4-7{position:absolute;left:124.5px;top:249px}
.tile.tile-position-4-8{position:absolute;left:124.5px;top:290.5px}
.tile.tile-position-5-1{position:absolute;left:166.5px;top:0}
.tile.tile-position-5-2{position:absolute;left:166.5px;top:41.5px}
.tile.tile-position-5-3{position:absolute;left:166.5px;top:83px}
.tile.tile-position-5-4{position:absolute;left:166.5px;top:125px}
.tile.tile-position-5-5{position:absolute;left:166.5px;top:166px}
.tile.tile-position-5-6{position:absolute;left:166.5px;top:207.5px}
.tile.tile-position-5-7{position:absolute;left:166.5px;top:249px}
.tile.tile-position-5-8{position:absolute;left:166.5px;top:290.5px}
.tile.tile-position-6-1{position:absolute;left:207.5px;top:0}
.tile.tile-position-6-2{position:absolute;left:207.5px;top:41.5px}
.tile.tile-position-6-3{position:absolute;left:207.5px;top:83px}
.tile.tile-position-6-4{position:absolute;left:207.5px;top:125px}
.tile.tile-position-6-5{position:absolute;left:207.5px;top:166px}
.tile.tile-position-6-6{position:absolute;left:207.5px;top:207.5px}
.tile.tile-position-6-7{position:absolute;left:207.5px;top:249px}
.tile.tile-position-6-8{position:absolute;left:207.5px;top:290.5px}
.tile.tile-position-7-1{position:absolute;left:248.5px;top:0}
.tile.tile-position-7-2{position:absolute;left:248.5px;top:41.5px}
.tile.tile-position-7-3{position:absolute;left:248.5px;top:83px}
.tile.tile-position-7-4{position:absolute;left:248.5px;top:125px}
.tile.tile-position-7-5{position:absolute;left:248.5px;top:166px}
.tile.tile-position-7-6{position:absolute;left:248.5px;top:207.5px}
.tile.tile-position-7-7{position:absolute;left:248.5px;top:249px}
.tile.tile-position-7-8{position:absolute;left:248.5px;top:290.5px}
.tile.tile-position-8-1{position:absolute;left:290.5px;top:0}
.tile.tile-position-8-2{position:absolute;left:290.5px;top:41.5px}
.tile.tile-position-8-3{position:absolute;left:290.5px;top:83px}
.tile.tile-position-8-4{position:absolute;left:290.5px;top:125px}
.tile.tile-position-8-5{position:absolute;left:290.5px;top:166px}
.tile.tile-position-8-6{position:absolute;left:290.5px;top:207.5px}
.tile.tile-position-8-7{position:absolute;left:290.5px;top:249px}
.tile.tile-position-8-8{position:absolute;left:290.5px;top:290.5px}
.game-container{margin-top:20px}
.tile{font-size:25px}
.game-message p{font-size:15px!important;height:30px!important;line-height:30px!important;margin-top:90px!important}
.game-message .lower{margin-top:30px!important}
}
}
@media screen and (max-width: 860px) {
.side-column{width:130px}
.side-ad{display:none}
.solitaire-ad img{width:100px}
.side-column-left{background-position:-60px 0}
}
@media screen and (max-width: 760px) {
.side-column{display:none}
.mobile-top{display:block}
body{padding:0}
}
.side-column{background-position:0 0;background-repeat:repeat-y;width:190px;height:100%;position:absolute;top:0;bottom:0}
.side-column-left{left:0;border-right:0 solid #fff}
.side-column-right{right:0;border-left:0 solid #fff;background-position:-19px 0}
.side-ad{margin-top:360px;margin-left:10px}
@media (min-height: 769px) {
.side-ad{margin-top:380px}
}
.side-ad .sponsored{text-transform:uppercase;font-size:10px}
.clearfix{clear:both}
.unstyled{margin:0}
.unstyled li{list-style:none}
.tips-and-tricks{clear:both}
.tips-and-tricks li{margin-bottom:10px;margin-right:10px;float:left;border:1px solid #d8d4d0}
.tips-and-tricks li a{display:inline-block;padding:10px 0;width:260px;text-align:center}
.tips-and-tricks li a:hover{background-color:#d8d4d0}
.tips-and-tricks li.even{margin-right:0}
@media screen and (max-width: 480px) {
.unstyled{padding-left:0}
.tips-and-tricks li a{width:166px}
}
.block{display:flex;justify-content:center;align-items:center;margin:0 auto}
.block-300{display:none;width:100%;height:250px;background-color:#8f7a66}
.block-728{display:none;width:100%;max-width:728px;height:90px;background-color:#8f7a66}
@media only screen and (max-width: 738px) {
.block-300{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
.block-728{display:none}
}
@media only screen and (min-width: 739px) {
.block-728{display:flex;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
.block-300{display:none}
}
footer{background:#8f7a66;color:#f9f6f2;padding:20px 0;text-align:center}
footer a{color:#f9f6f2;text-decoration:none}
footer a:hover{text-decoration:underline}
footer p{margin:0}