/********** guitar setup **********/
.container.GS {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 3% 7%; border-top: 1px solid #d4d0c8;}

.GS h2 {margin: 0% 0% 1% 0%; font-size: 170%; line-height: 1.2;}

.GS .span_1_of_1 {width: 84.00%; margin: 0%; padding: 0% 8%; text-align: center;}

.GS .span_1_of_5.first {width: 11.00%; margin: 0%; padding: 0%;}
.GS .span_1_of_5.second {width: 26.00%; margin: 0%; padding: 0%;}
.GS .span_1_of_5.third {width: 26.00%; margin: 0%; padding: 0%;}
.GS .span_1_of_5.fourth {width: 26.00%; margin: 0%; padding: 0%;}
.GS .span_1_of_5.fifth {width: 11.00%; margin: 0%; padding: 0%;}

.GS p {margin: 0% 0% 1% 0%; font-size: 125%; line-height: 1.4;}
.GS p.setup {margin: 1% 0% 1% 0%; font-size: 125%; line-height: 1.4; font-style: italic;}
.GS2 ul {margin: 0% 0% 3% 8%;}
.GS2 ul li {margin: 0%; padding: 0%; font-size: 125%; line-height: 1.4;}

br.GS_1400 {display: none;}
br.GS_740 {display: none;}
br.GS_700 {display: none;}
br.GS_690 {display: none;}



/***** 1400px ******/
@media only screen and (max-width: 1400px) {
.GS p.setup {margin: 2% 0% 2% 0%;}

br.GS_1400 {display: block;}
}



/***** TEXT 1200px ******/
@media only screen and (max-width: 1200px) {
.GS h2 {margin: 0% 0% 1% 0%; font-size: 160%;}

.GS p {margin: 0% 0% 2% 0%; font-size: 115%;}
.GS p.setup {margin: 0% 0% 2% 0%; font-size: 115%;}

.GS2 ul li {margin: 0% 0% 2% 0%; font-size: 115%;}
}



/***** 1080px ******/
@media only screen and (max-width: 1080px) {
.GS .span_1_of_1 {width: 100.00%; padding: 0% 0% 0% 0%;}
.GS .span_1_of_5.first {width: 8.00%;}
.GS .span_1_of_5.second {width: 29.00%;}
.GS .span_1_of_5.third {width: 29.00%;}
.GS .span_1_of_5.fourth {width: 29.00%;}
.GS .span_1_of_5.fifth {width: 8.00%;}
}



/***** TEXT 1000px ******/
@media only screen and (max-width: 1000px) {
.GS h2 {font-size: 150%;}

.GS p {font-size: 105%;}
.GS p.setup {font-size: 105%;}
.GS ul li {font-size: 105%;}
}



/***** 880px ******/
@media only screen and (max-width: 880px) {
.GS .span_1_of_1 {width: 100.00%;}
.GS .span_1_of_5.first {width: 0.00%;}
.GS .span_1_of_5.second {width: 33.00%;}
.GS .span_1_of_5.third {width: 34.00%;}
.GS .span_1_of_5.fourth {width: 33.00%;}
.GS .span_1_of_5.fifth {width: 0.00%;}

.GS p.setup {margin: 0% 0% 3% 0%;}
}



/***** 820px ******/
@media only screen and (max-width: 820px) {
br.GS_1400 {display: none;}
}



/***** TEXT 800px ******/
@media only screen and (max-width: 800px) {
.GS h2 {font-size: 140%;}

.GS p {font-size: 102%;}
.GS p.setup {font-size: 102%;}
.GS ul li {font-size: 102%;}
}



/***** 760px ******/
@media only screen and (max-width: 760px) {
.GS .span_1_of_5.second {width: 32.00%;}
.GS .span_1_of_5.third {width: 32.00%;}
.GS .span_1_of_5.fourth {width: 36.00%;}

.GS2 ul {margin: 0% 0% 3% 9%;}
}



/***** 740px ******/
@media only screen and (max-width: 740px) {
.GS p.setup {margin: 3% 0% 2% 0%;}
.GS ul li {font-size: 100%;}

br.GS_740 {display: block;}
}



/***** 700px ******/
@media only screen and (max-width: 700px) {
br.GS_1400 {display: none;}
br.GS_740 {display: none;}
br.GS_700 {display: block;}
}



/***** 690px ******/
@media only screen and (max-width: 690px) {
br.GS_700 {display: none;}
br.GS_690 {display: block;}
}



/***** 650px ******/
@media only screen and (max-width: 690px) {
br.GS_690 {display: none;}
}



/***** TEXT 680px ******/
@media only screen and (max-width: 680px) {
.GS .span_1_of_5.second {width: 30.33%;}
.GS .span_1_of_5.third {width: 31.33%;}
.GS .span_1_of_5.fourth {width: 38.33%;}

.GS ul {list-style-type: none; margin: 0%; padding: 0%;}
.GS ul li {font-size: 95%;}

br.GS_700 {display: none;}
}



/***** TEXT 600px ******/
@media only screen and (max-width: 600px) {
.GS h2 {font-size: 130%;}

.GS p {font-size: 90%;}
.GS p.setup {font-size: 90%;}
.GS ul {margin: 0% 0% 2% 6%;}
.GS ul li {font-size: 90%;}
}



/***** 580px ******/
@media only screen and (max-width: 580px) {
.GS .span_1_of_1 {width: 100.00%; margin: 0%; padding: 0%; text-align: left;}
.GS .span_1_of_5.second {width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}
.GS .span_1_of_5.third {width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}
.GS .span_1_of_5.fourth {width: 100%; background: orange; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}

.GS p.setup {margin: 2% 0% 3% 0%;}
.GS ul {list-style-type: disc; margin: 0% 0% 0% 4%;}
}



/***** 460px ******/
@media only screen and (max-width: 460px) {
.GS ul {margin: 0% 0% 0% 6%;}
}



/***** TEXT 400px ******/
@media only screen and (max-width: 400px) {
.GS h2 {font-size: 120%;}

.GS p {font-size: 85%;}
.GS p.setup {font-size: 85%;}
.GS ul li {font-size: 85%;}
}