body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p{font-size:14px}.et_pb_slide_content,.et_pb_best_value{font-size:15px}#main-header .nav li ul a{color:rgba(0,0,0,0.7)}#top-menu li a{font-size:17px}body.et_vertical_nav .container.et_search_form_container .et-search-form input{font-size:17px!important}.footer-widget .et_pb_widget div,.footer-widget .et_pb_widget ul,.footer-widget .et_pb_widget ol,.footer-widget .et_pb_widget label{line-height:1.7em}#et-footer-nav .bottom-nav li.current-menu-item a{color:#2ea3f2}body .et_pb_bg_layout_light.et_pb_button:hover,body .et_pb_bg_layout_light .et_pb_button:hover,body .et_pb_button:hover{border-radius:0px}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:50px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:50px}.et_header_style_split .centered-inline-logo-wrap{width:100px;margin:-100px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:100px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:100px}.et_header_style_centered #top-menu>li>a{padding-bottom:18px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:41px 0 41px 0!important}.et_header_style_centered #main-header .logo_container{height:100px}.et_header_style_centered #logo{max-height:100%}.et_pb_svg_logo.et_header_style_centered #logo{height:100%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:18px}.et-fixed-header #top-menu li a{font-size:14px}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}@media (min-width:981px){.et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,.et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,.ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,.et_pb_column_4_4 .ds-library-grid.et_pb_grid_item:nth-child(4n){width:15.6%!important;margin:0 5.5% 5.5% 0}}.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li{float:left;margin:0 2% 2% 0;text-align:center;width:15%}.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(6n){margin-right:0}*This sets the width of the filter buttons on smaller screens,you really want to leave these as they are or your buttons will be too small*/
@media only screen and (max-width:1280px){.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li{margin:0 2% 2% 0;width:32%}.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3n+3){margin-right:0}}@media only screen and (max-width:767px){.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li{margin:0 2% 2% 0!important;width:49%}.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2n){margin-right:0!important}}@media only screen and (max-width:479px){.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li{margin-right:0;width:100%;margin-bottom:10px}.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters{margin:-30px 0 40px!important}}And finally this last little snippet just ensures that our images show on tablets and mobile.
@media only screen and (max-width:980px){.ds-library-grid .et_portfolio_image img{width:100%}}.et_pb_section_0.et_pb_section{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-color:#959d93!important}.et_pb_text_0 h2{font-family:'Alice',Georgia,"Times New Roman",serif;line-height:1.4em}.et_pb_section_1.et_pb_section{padding-top:110px;padding-bottom:47px;background-color:#dfe0e5!important}.et_pb_text_1{line-height:1.8em;font-weight:;font-size:18px;line-height:1.8em;margin-top:-78px!important}