@media only screen and (max-width:1480px) { body { font-size:100%; } .wrap { width: 94.59459459459459%; /* 1400 / 1480 */ } } @media only screen and (max-width:1280px) { body { font-size:90%; } .header { padding-left:42%; } .social-links { left:7%; } } @media only screen and (max-width:1024px) { .header { padding-left:45%; } .social-links { left:4.5%; } } @media only screen and (max-width:980px) { body { font-size:85%; } .content, .sidebar { float:none; width:100%; } .sidebar { padding-top:50px; } .main:before { display:none; } .header { padding:100px 0; text-align:center; position:relative; } .header .heading img { display:inline-block; left:auto; position:relative; top:0; } .header:before { height: 170px; width:100%; } .heading { padding:0 2%; } .social-links { top:20px; width:100%; text-align:center; left:auto; } .social-links .item { display:inline-block; float:none; } } @media only screen and (max-width:800px) { .navbar-btn { display: inline-block; } #menu-navbar { border: 1px dotted #ccc; display: none; margin-top: 10px; padding: 0 5px; } #menu-navbar li { border: none; display: block; margin: 0; } #menu-navbar li a { display: block; } #menu-navbar li:not(:last-child) a { border-bottom: 1px dotted #ccc; } #menu-navbar li.menu-item-home:before { display: none; } #menu-navbar ul { opacity: 1; position: static; visibility: visible; border: none; } #menu-navbar ul li:not(:last-child) { border: none; } } @media only screen and (max-width:640px) { body { font-size:80%; } .wrap { width:100%; } .amez-container { margin:0; } } @media only screen and (max-width:480px) { body { font-size:75%; } .info span, .info time { display:block; margin-right: 0; padding-left:20px; } .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { float:left; padding:0 !important; width:100%; } } @media only screen and (max-width:320px) { body { font-size:70%; } }