#header-media {display:none; height:80px; overflow:hidden; z-index:444; position:fixed; top:0; left:0; right:0; background:url("img/media/bg-header-media.jpg") repeat-x;}
#header-media .container {position:relative;}

h1.logo-media {text-align:right; font-family:"Chibola"; font-size:34px; letter-spacing:2px; text-shadow:1px 1px 0 #000; margin:30px 16px 0 0;}
h1.logo-media a {color:#baa87d; text-decoration:none;}
h1.logo-media a:hover {color:rgba(255,255,255,.9);}

.media-top-serv {display:none; position:absolute; top:80px; left:0; right:0; height:87px; background:rgba(0,0,0,.4);}
.media-top-serv p {font-size:21px; line-height:18px; color:#ebdebf; text-shadow:0 0 2px #000; padding-left:16px; margin:16px 0; width:250px; font-family:"Philosopher";}
.media-top-serv p a {color:#ebdebf; text-decoration:none;}
header#h-home .media-top-serv {height:217px;}

/* gamburger */
.btn-menu {display:none; padding:5px; position:absolute; top:-5px; left:8px; cursor:pointer; transition:left .23s; z-index:11; width:35px; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;}
.btn-menu span {display:block; height:3px; background:#baa87d; margin:7px 0 0; transition:all .1s linear .23s; position:relative;}
.btn-menu span.first {margin-top:0;}

/* hidden block */
.hidden-menu {display:block; position:fixed; list-style:none; padding:0; margin:0; box-sizing:border-box; width:300px; background:rgba(39,27,25,.9); box-shadow:0 0 6px rgba(0,0,0,.6); height:100%; top:0; left:-306px; transition:left .2s; z-index:9; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; overflow:auto; font-size:15px;}
.hidden-menu-ticker {display:none;}
.hidden-menu-ticker:checked ~ .btn-menu {left:260px;}
.hidden-menu-ticker:checked ~ .hidden-menu {left:0;}
.hidden-menu-ticker:checked ~ .btn-menu span.first {-webkit-transform:rotate(45deg); top:10px;}
.hidden-menu-ticker:checked ~ .btn-menu span.second {opacity:0;}
.hidden-menu-ticker:checked ~ .btn-menu span.third {-webkit-transform:rotate(-45deg); top:-10px;}

/* style all media content */
.bg-brown {background:rgba(39,27,25,.6); margin:4px 0; border-radius:8px;}

/* style for menu + contacty in hidden block */
#menu-media {float:left; margin:80px 0 0 0; padding:0; width:100%; border-top:1px solid rgba(186,168,125,.05); border-bottom:1px solid rgba(186,168,125,.05); box-shadow:0 0 2px rgba(0,0,0,.4); border-radius:8px; font-family:"Philosopher"; background:rgba(39,27,25,.9);}
#menu-media li {display:block; margin-left:1px; border-bottom:1px solid rgba(186,168,125,.05);}
#menu-media li:last-child {border-bottom:none;}
#menu-media li a {color:#ede1c4; display:block; padding:16px 24px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-size:18px;}
#menu-media li a:hover, #menu-media li.current a {color:#fff;}
#menu-media li:first-child a:hover, #menu-media li.current:first-child a {border-radius:8px 8px 0 0;}
#menu-media li:last-child a:hover, #menu-media li.current:last-child a {border-radius:0 0 8px 8px;}

/* block phone */
.media-phone {width:100%; float:left; padding:12px 24px; border-radius:0 0 8px 8px; box-shadow:0 2px 2px rgba(0,0,0,.2);}
.media-phone p {text-align:right; margin:8px 0;}
.media-phone p a {color:rgba(186,168,125,.8); font-size:18px;}


/*****************************************************************************************/
@media only screen and (min-width: 240px) and (max-width: 359px) {

header#h-home {height:300px; background:url("img/media/bg-header-home-m.jpg") repeat-x;}
.hh-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 80px;}

header {height:170px; background:url("img/media/bg-header-home-m.jpg") repeat-x; border-bottom:3px solid #9f958c;}
.h-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 60px;}

#logo, nav {display:none;}

.btn-menu, #header-media, .media-top-serv {display:block;}

.btn-menu {left:8px;}
.hidden-menu {width:230px;}
.hidden-menu-ticker:checked ~ .btn-menu {left:8px;}

.media-phone {padding-right:8px;}
.media-phone p a {font-size:16px;}

.btn-menu {top:16px;}
h1.logo-media {font-size:30px; line-height:32px; width:55%; float:right; margin:10px 16px 0 0;}
h1.logo-media span {letter-spacing:4.5px;}

.media-top-serv p, .media-top-serv p a {font-size:16px; color:#fff;}

#about {background:rgba(255,255,255,.6) url("img/media/dmytry-khrystych-tattoo-artist-in-kiev-m.png") no-repeat 100px 116px;}
#about .container {padding:0 16px;}
#about .w40 {display:none;}
#about h2.title-section {padding-left:0;}
.img-dark {background:rgba(0,0,0,.5);}

.w50, .w60 {width:100%;}
.w70 {width:100%;}
p.first-about {width:57%;}
.block-about {height:auto; padding:16px 0;}
.block-about-last {margin-bottom:32px;}

h2.title-serv {color:#fff; font-size:26px;}

.jquery-background-video-wrapper {height:250px; background:url("img/media/bg-slogan-m.jpg");}
.video-content p {font-size:22px; line-height:32px; letter-spacing:0px; margin:auto 16px;}

.serv-list article {width:100%;}
.serv-list article .img-wrap {height:300px;}
.serv-list article .img-wrap img {margin-top:0px;}
.serv-list article:nth-child(2) {margin:0;}
.serv-list article:last-child {border-bottom:none;}

.list-serv li a {padding:10px 16px; border-radius:16px; line-height:20px;}

#services {padding-bottom:0;}
h2.title-section {padding-left:16px; font-size:22px;}

ul.lightgallery li {width:100%; height:auto; margin:1px 0; box-shadow:none; float:left;}
ul.lightgallery li h4 {display:none;}

.video-list li {width:100%; margin:3px 0; display:block;}

#contacty .alignright {float:left;}
.all-contacty {padding:32px 16px 0 16px;}
.form-contacty {padding:24px;}

.table-contacty {width:100%;}
.table-contacty td {padding:16px 0; font-size:15px; text-align:center;}
.table-contacty td.td-fa {display:none;}

table.price {width:100%; margin:16px 0;}

#comments {background:url("img/media/bg-comments-m-420.jpg") no-repeat center center;}

.post-content p {margin:16px 0;}
.post-content h3 {margin:16px 0;}

.post-content img.alignright, .post-content .alignright {margin-left:0; float:left;}
.iw-333x112 {float:left; margin-left:0;}

.post-content img.size-full {width:98%; height:auto;}
.post-content img.size-full img {width:100%; height:auto;}

.blog-list article {width:90%; float:none; margin:16px auto;}
.blog-list article .bl-content {height:auto;}

#sertificate {display:none;}
#sertificate-media {display:block;}
#sertificate-media p {font-size:24px; line-height:36px;}
#sertificate-media p span {margin-bottom:0;}
#sertificate-media p span.ss-mb {margin-bottom:16px;}
#sertificate-media p span.ss {font-size:20px;}

footer .container {padding:0 16px;}
.f-logo {width:100%;}
.f-logo h6 {font-size:36px; width:150px; display:inline-block; float:left;}
.f-logo h6 a span {letter-spacing:7px;}

.f-logo-desc {display:none;}
.f-logo-phone {display:block;}
.f-logo-phone span {font-size:14px;}

footer .menu a {font-size:18px; padding:8px 16px;}

p.copyright {padding:16px;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:90%; font-size:15px;}
#wrapper1 h1 span {letter-spacing:8px;}
#wrapper1 .z-content {display:none;}
#wrapper1 .z-content-media {display:block;}
#wrapper1 .z-content-media table.table-contacty td {text-align:center;}

}

/*****************************************************************************************/
@media only screen and (min-width: 320px) and (max-width: 359px) {

h2.title-section {font-size:28px;}

ul.lightgallery li {width:49.3%; height:auto; margin:1px; box-shadow:none; float:left;}

}


/*****************************************************************************************/
@media only screen and (min-width: 360px) and (max-width: 479px) {

header#h-home {height:300px; background:url("img/media/bg-header-home-m.jpg") repeat-x;}
.hh-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 80px;}

header {height:170px; background:url("img/media/bg-header-home-m.jpg") repeat-x; border-bottom:3px solid #9f958c;}
.h-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 60px;}

#logo, nav {display:none;}

.btn-menu, #header-media, .media-top-serv {display:block;}

#about {background:rgba(255,255,255,.6) url("img/media/dmytry-khrystych-tattoo-artist-in-kiev-m.png") no-repeat right 76px;}
#about .container {padding:0 16px;}
#about .w40 {display:none;}
#about h2.title-section {padding-left:0;}
.img-dark {background:rgba(0,0,0,.5);}

#about1 {background:rgba(255,255,255,.6) url("img/media/tamara-eren-permanentny-makiyag-in-kiev-m.png") no-repeat right 76px;}
#about1 .container {padding:0 16px;}
#about1 .w50 {width:100%; float:left;}
#about1 .about1s {width:55%;}
#about1 p {margin-bottom:8px;}
#about1 .w40 {display:none;}

.w50, .w60 {width:100%;}
.w70 {width:100%;}
p.first-about {width:57%;}
.block-about {height:auto; padding:16px 0;}
.block-about-last {margin-bottom:32px;}

h2.title-serv {color:#fff; font-size:26px;}

.jquery-background-video-wrapper {height:250px; background:url("img/media/bg-slogan-m.jpg");}
.video-content p {font-size:22px; line-height:32px; letter-spacing:0px; margin:auto 16px;}

.serv-list article {width:100%;}
.serv-list article .img-wrap {height:300px;}
.serv-list article .img-wrap img {margin-top:-35px;}
.serv-list article:nth-child(2) {margin:0;}
.serv-list article:last-child {border-bottom:none;}

.list-serv li a {padding:10px 16px; border-radius:16px; line-height:20px;}

#services {padding-bottom:0;}
h2.title-section {padding-left:16px;}

ul.lightgallery li {width:49.3%; height:auto; margin:1px; box-shadow:none; float:left;}
ul.lightgallery li h4 {display:none;}

.video-list li {width:100%; margin:3px 0; display:block;}

#contacty .alignright {float:left;}
.all-contacty {padding:32px 16px 0 16px;}
.form-contacty {padding:24px;}

.table-contacty {width:100%;}
.table-contacty td {padding:16px 8px}

table.price {width:100%; margin:16px 0;}

#comments {background:url("img/media/bg-comments-m.jpg") no-repeat center center;}

.post-content p {margin:16px 0;}
.post-content h3 {margin:16px 0;}

.post-content img.alignright, .post-content .alignright {margin-left:0; float:left;}
.iw-333x112 {float:left; margin-left:0;}

.persent-size {width:100%; margin:0 auto 16px auto;}
.blog-list article img {width:100%; height:auto;}

.thumb-img {width:333px; height:133px;}
.thumb-img img {width:100%; height:auto;}

.ma-content {height:auto;}
.ma-content .w60, .ma-content .w40 {width:100%;}
.ma-content .my-photo img {width:100%; height:auto; margin-left:0;}
.ma-wrap {width:106px; height:106px;}

#sertificate {display:none;}
#sertificate-media {display:block;}
#sertificate-media p {font-size:28px; line-height:36px;}
#sertificate-media p span {margin-bottom:0;}
#sertificate-media p span.ss-mb {margin-bottom:16px;}

footer .container {padding:0 16px;}
.f-logo {width:100%;}
.f-logo h6 {font-size:36px; width:150px; display:inline-block; float:left;}
.f-logo h6 a span {letter-spacing:7px;}

.f-logo-desc {display:none;}
.f-logo-phone {display:block;}

.f-menu {}
footer .menu a {font-size:18px; padding:8px 16px;}

p.copyright {padding:16px;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:90%;}
#wrapper1 h1 span {letter-spacing:8px;}
#wrapper1 .z-content {display:none;}
#wrapper1 .z-content-media {display:block;}
#wrapper1 .z-content-media table.table-contacty td {text-align:center;}

}


/*****************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 639px) {

.container {width:480px;}

header#h-home {height:300px; background:url("img/media/bg-header-home-m.jpg") repeat-x;}
.hh-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 80px;}

header {height:170px; background:url("img/media/bg-header-home-m.jpg") repeat-x; border-bottom:3px solid #9f958c;}
.h-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 60px;}

#logo, nav {display:none;}

.btn-menu, #header-media, .media-top-serv {display:block;}

#about {background:rgba(255,255,255,.6) url("img/media/dmytry-khrystych-tattoo-artist-in-kiev-m.png") no-repeat 320px 36px;}
#about .container {padding:0 16px;}
#about .w40 {display:none;}
#about h2.title-section {padding-left:0;}
.img-dark {background:rgba(0,0,0,.5);}

#about1 {background:rgba(255,255,255,.6) url("img/media/tamara-eren-permanentny-makiyag-in-kiev-m.png") no-repeat right 36px;}
#about1 .container {padding:0 16px;}
#about1 .w50 {width:100%; float:left;}
#about1 .about1s {width:55%;}
#about1 p {margin-bottom:8px;}
#about1 .w40 {display:none;}

.w50, .w60 {width:100%;}
.w70 {width:100%;}
p.first-about {width:57%;}
.block-about {height:auto; padding:16px 0;}
.block-about-last {margin-bottom:32px;}

h2.title-serv {color:#fff; font-size:26px;}

.jquery-background-video-wrapper {height:250px; background:url("img/media/bg-slogan-m-860.jpg");}
.video-content p {font-size:28px; line-height:40px; letter-spacing:0px; margin:auto 16px;}

.serv-list article {width:100%;}
.serv-list article .img-wrap {height:300px;}
.serv-list article .img-wrap img {margin-top:-35px;}
.serv-list article:nth-child(2) {margin:0;}


h2.title-section {padding-left:16px;}

ul.lightgallery li {width:49.3%; height:auto; margin:1px; box-shadow:none; float:left;}
ul.lightgallery li h4 {display:none;}

.video-list li {width:100%; margin:3px 0; display:block;}

#contacty .alignright {float:left;}
.all-contacty {padding:32px 16px 0 16px;}
.form-contacty {padding:24px;}

.table-contacty {width:100%;}
.table-contacty td {padding:16px 8px}

table.price {width:100%; margin:16px 0;}

#comments {background:url("img/media/bg-comments-m-639.jpg") no-repeat center center;}

.post-content p {margin:16px 0;}
.post-content h3 {margin:16px 0;}

.post-content img.alignright, .post-content .alignright {margin-left:0; margin-right:116px; float:left;}
.iw-333x112 {float:left; margin-left:0;}

.persent-size {width:48%; margin:0 auto 16px auto;}
.blog-list article img {width:100%; height:auto;}

.thumb-img {width:333px; height:133px;}
.thumb-img img {width:100%; height:auto;}

.ma-content {height:auto;}
.ma-content .w60, .ma-content .w40 {width:100%;}
.ma-content .my-photo img {width:100%; height:auto; margin-left:0;}

#sertificate {display:none;}
#sertificate-media {display:block;}
#sertificate-media p {font-size:28px; line-height:36px;}
#sertificate-media p span {margin-bottom:0;}
#sertificate-media p span.ss-mb {margin-bottom:16px;}

footer .container {padding:0 16px;}
.f-logo {width:100%;}
.f-logo h6 {font-size:36px; width:150px; display:inline-block; float:left;}
.f-logo h6 a span {letter-spacing:7px;}

.f-logo-desc {display:none;}
.f-logo-phone {display:block;}

.f-menu {}
footer .menu a {font-size:18px; padding:8px 16px;}

p.copyright {padding:16px;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:90%; margin:2% auto;}
#wrapper1 .z-content {display:none;}
#wrapper1 .z-content-media {display:block;}
#wrapper1 .z-content-media table.table-contacty td {text-align:center;}

}


/*****************************************************************************************/
@media only screen and (min-width: 640px) and (max-width: 739px) {

.container {width:480px;}

header#h-home {height:300px; background:url("img/media/bg-header-home-m.jpg") repeat-x;}
.hh-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 80px;}

header {height:170px; background:url("img/media/bg-header-home-m.jpg") repeat-x; border-bottom:3px solid #9f958c;}
.h-bg-container {background:url("img/media/bg-header-home-container-m.png") no-repeat center 60px;}

#logo, nav {display:none;}

.btn-menu, #header-media, .media-top-serv {display:block;}

#about {background:rgba(255,255,255,.6) url("img/media/dmytry-khrystych-tattoo-artist-in-kiev-m.png") no-repeat 360px 36px;}
#about .container {padding:0 16px;}
#about .w40 {display:none;}
#about h2.title-section {padding-left:0;}
.img-dark {background:rgba(0,0,0,.5);}

#about1 {background:rgba(255,255,255,.6) url("img/media/tamara-eren-permanentny-makiyag-in-kiev-m.png") no-repeat 360px 36px;}
#about1 .container {padding:0 16px;}
#about1 .w50 {width:100%; float:left;}
#about1 .about1s {width:55%;}
#about1 p {margin-bottom:8px;}
#about1 .w40 {display:none;}

.w50, .w60 {width:100%;}
.w70 {width:100%;}
p.first-about {width:57%;}
.block-about {height:auto; padding:16px 0;}
.block-about-last {margin-bottom:32px;}

h2.title-serv {color:#fff; font-size:26px;}

.jquery-background-video-wrapper {height:250px; background:url("img/media/bg-slogan-m-860.jpg");}
.video-content p {font-size:32px; line-height:40px; letter-spacing:0px; margin:auto 16px;}

.serv-list article {width:100%;}
.serv-list article .img-wrap {height:300px;}
.serv-list article .img-wrap img {margin-top:-35px;}
.serv-list article:nth-child(2) {margin:0;}

h2.title-section {padding-left:16px;}

ul.lightgallery li {width:49.3%; height:auto; margin:1px; box-shadow:none; float:left;}
ul.lightgallery li h4 {display:none;}

.video-list li {width:100%; margin:3px 0; display:block;}

#contacty .alignright {float:left;}
.all-contacty {padding:32px 16px 0 16px;}
.form-contacty {padding:24px;}

.table-contacty {width:100%;}
.table-contacty td {padding:16px 8px}

table.price {width:100%; margin:16px 0;}

#comments {background:url("img/media/bg-comments-m-740.jpg") no-repeat center center;}

.post-content p {margin:16px 0;}
.post-content h3 {margin:16px 0;}

.post-content img.alignright, .post-content .alignright {margin-left:0; margin-right:116px; float:left;}
.iw-333x112 {float:left; margin-left:0;}

.persent-size {width:48%; margin:0 auto 16px auto;}
.blog-list article img {width:100%; height:auto;}

.thumb-img {width:430px; height:172px;}
.thumb-img img {width:100%; height:auto;}

.ma-content {height:auto;}
.ma-content .w60, .ma-content .w40 {width:100%;}
.ma-content .my-photo img {width:100%; height:auto; margin-left:0;}

#sertificate-media p {font-size:28px; line-height:36px;}
#sertificate-media p span {margin-bottom:0;}
#sertificate-media p span.ss-mb {margin-bottom:16px;}

footer .container {padding:0 16px;}
.f-logo {width:100%;}
.f-logo h6 {font-size:36px; width:150px; display:inline-block; float:left;}
.f-logo h6 a span {letter-spacing:7px;}

.f-logo-desc {display:none;}
.f-logo-phone {display:block;}

footer .menu {float:left;}
footer .menu a {font-size:18px; padding:8px 16px 8px 0;}

.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:90%; margin:2% auto;}
#wrapper1 .z-content {display:none;}
#wrapper1 .z-content-media {display:block;}
#wrapper1 .z-content-media table.table-contacty td {text-align:center;}

}


/*****************************************************************************************/
@media only screen and (min-width: 740px) and (max-width: 859px) {

.container {width:740px;}
h2.title-section {padding-left:16px;}

header .menu li {background:none;}
header .menu li a {display:block; padding:32px 8px; font-size:16px;}

.jquery-background-video-wrapper {height:344px; background:url("img/media/bg-slogan-m-860.jpg");}
.video-content p {font-size:32px; line-height:46px;}

#about {background:rgba(255,255,255,.6) url("img/dmytry-khrystych-tattoo-artist-in-kiev.png") no-repeat 380px bottom;}
#about .container {padding:0 16px;}
#about h2.title-section {padding-left:0;}
#about .w60 {width:70%;}
#about .w40 {display:none;}

#about1 {background:rgba(255,255,255,.6) url("img/tamara-eren-permanentny-makiyag-in-kiev.png") no-repeat -42px bottom;}
#about1 .container {padding:0 16px;}
#about1 p {margin-bottom:4px;}
#about1 .w40 {display:none;}

#about1 blockquote p {font-size:19px; margin:10px 0; line-height:20px;}
#about1 blockquote strong {font-size:20px;}

.serv-list article {width:229px; height:513px;}
.img-wrap {height:307px;}

.ma-content {height:500px;}
.ma-content .my-photo img {margin-left:-76px;}
.ma-wrap {width:86px; height:86px; margin:16px 8px;}
.ma-list li h3 {padding:32px 0; font-size:17px;}

ul.lightgallery li {width:24.2%; height:134px;}

#comments {background:url("img/media/bg-comments-m-860.jpg") no-repeat center center;}

.all-contacty {padding:16px;}
.table-contacty {width:100%;}

table.price {width:80%; margin:16px 0;}

footer .container {padding:0 16px;}
footer .f-logo {width:70%;}
footer .f-menu {display:none;}
footer .f-menu-740 {display:block;}
footer .menu a {font-size:18px;}

p.copyright {width:100%;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:735px; margin:2% auto;}

}


/*****************************************************************************************/
@media only screen and (min-width: 860px) and (max-width: 1024px) {

.container {width:860px;}
h2.title-section {padding-left:16px;}

header .menu li {background:none;}
header .menu li a {display:block; padding:32px 12px;}

.jquery-background-video-wrapper {height:344px; background:url("img/media/bg-slogan-m-860.jpg");}
.video-content p {font-size:38px; line-height:46px;}

#about {background:rgba(255,255,255,.6) url("img/dmytry-khrystych-tattoo-artist-in-kiev.png") no-repeat 460px bottom;}
#about .container {padding:0 16px;}
#about h2.title-section {padding-left:0;}
#about .w60 {width:70%;}
#about .w40 {display:none;}

#about1 {background:rgba(255,255,255,.6) url("img/tamara-eren-permanentny-makiyag-in-kiev.png") no-repeat -36px bottom;}
#about1 .container {padding:0 16px;}
#about1 p {margin-bottom:8px;}
#about1 .w50 {width:55%;}
#about1 .w40 {display:none;}

.serv-list article {width:269px; height:465px;}
.img-wrap {height:307px;}

.ma-content .my-photo img {margin-left:-56px;}
.ma-wrap {width:106px; height:106px;}
.ma-list li h3 {font-size:17px;}

.blog-list article .img-wrap {height:92px;}

ul.lightgallery li {width:24.2%; height:134px;}

.all-contacty {padding:16px;}
.table-contacty {width:100%;}

table.price {width:70%; margin:16px 0;}

footer .container {padding:0 16px;}
footer .f-logo {width:70%;}
footer .f-menu {display:none;}
footer .f-menu-740 {display:block;}
footer .menu a {font-size:18px;}

p.copyright {width:100%;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:735px; margin:8% auto;}

}


/*****************************************************************************************/
@media only screen and (min-width: 900px) and (max-width: 1024px) {

#about {background:rgba(255,255,255,.6) url("img/dmytry-khrystych-tattoo-artist-in-kiev.png") no-repeat 530px bottom;}

}


/*****************************************************************************************/
@media only screen and (min-width: 1025px) and (max-width: 1100px) {

#about .container {padding:0 16px;}
#about h2.title-section {padding-left:0;}

h2.title-section {padding-left:16px;}

footer .container {padding:0 16px;}
footer .f-logo {width:70%;}
footer .f-menu {display:none;}
footer .f-menu-740 {display:block;}
footer .menu a {font-size:18px;}

p.copyright {width:100%;}
.f-social-icons {float:left; clear:both;}
a.f-si-links {font-size:28px;}

/* zaglushka */
#wrapper1 {width:735px; margin:8% auto;}

}