/* overwriting elements of w3- with values to suit my needs

w3-col values for page
*/

.topstaticbar{
position: static;
text-align: center;
padding: 0 0 0 0;
}

.topfixedbar{
position: fixed;
text-align: center;
padding: 0 0 0 0;
}

.topstaticbar68{
position: fixed;
text-align: center;
width:68.5%;
padding: 0 0 0 0;
}

[class*="col-8"] {
    float: left;
 
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s2{width:13%}
.w3-col.s8{width:74%}
.w3-col.s12{width:99.99999%}


@media only screen and (min-width:601px){

.w3-col.m2{width:13%}
.w3-col.m8{width:74%}
.w3-col.m12{width:99.99999%}}


@media only screen and (min-width:993px)
{
.w3-col.l2{width:13%}
.w3-col.l8{width:70%}
.w3-col.l100{width:99.99999%}}