sblb on "Need to edit CSS in HOME PAGE / Vantage Theme"

Very nice theme folks! I have the need to edit the CSS in the HOME PAGE (appearance / home page ). The real issue is mobile & tablet display. There's no padding on these @media. The result is everything on mobile & tablet is "flush left" which makes text items rather messy.

My fix (padding: 5%;) will work perfect, if I can get to the embedded css (Lines starting -approximate- #217....http://video.compathos.com)

The code:
<style type="text/css" media="all" id="siteorigin-panels-grids-wp_head">/* Layout 2087 */ #pg-2087-0 { margin-bottom:25px } #pgc-2087-1-0 , #pgc-2087-1-1 { width:50% } #pg-2087-1 .panel-grid-cell { float:left } #pl-2087 .panel-grid-cell .so-panel { margin-bottom:35px } #pl-2087 .panel-grid-cell .so-panel:last-child { margin-bottom:0px } #pg-2087-1 { margin-left:-15px;margin-right:-15px } #pg-2087-1 .panel-grid-cell { padding-left:15px;padding-right:15px } @media (max-width:780px){ #pg-2087-0 .panel-grid-cell , #pg-2087-1 .panel-grid-cell { float:none;width:auto } #pgc-2087-1-0 { margin-bottom:35px } #pl-2087 .panel-grid { margin-left:0;margin-right:0 } #pl-2087 .panel-grid-cell { padding:0 } } </style><style type="text/css" id="vantage-footer-widgets">#footer-widgets aside { width : 33.333%; } </style>

Where is this code??? answer:wp-content/plugins/so-panels/siteorigin-panels.php

Where is $css being pulled in from ? is there any exteal CSS capability within HOME PAGE? (have tried without success to add the padding: 5% in that particular row.... just not working)

please help.....