/* section1 */
#introduction > .inner > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
#introduction > .inner > div:first-child + div { padding-left: 2.5%; padding-right: 2.5%; }
@media screen and (min-width: 1281px) { #introduction > .inner > div:first-child + div { padding-left: 24px; } }
@media screen and (max-width: 640px) { #introduction > .inner > div:first-child + div { padding-left: 4%; } }
@media screen and (min-width: 1281px) { #introduction > .inner > div:first-child + div { padding-right: 24px; } }
@media screen and (max-width: 640px) { #introduction > .inner > div:first-child + div { padding-right: 4%; } }

/* section2 */
#soudan h3 img { width: 24.2708%; }
@media screen and (max-width: 640px) { #soudan h3 img { width: 33.3333%; } }
#soudan .pure-g { padding-left: 3.8541%; padding-right: 3.8541%; }
@media screen and (min-width: 1281px) { #soudan .pure-g { padding-left: 37px; } }
@media screen and (max-width: 640px) { #soudan .pure-g { padding-left: 0%; } }
@media screen and (min-width: 1281px) { #soudan .pure-g { padding-right: 37px; } }
@media screen and (max-width: 640px) { #soudan .pure-g { padding-right: 0%; } }

/* section3 */
@media screen and (max-width: 640px) { #schedule > .inner { padding-left: 0; padding-right: 0; } }
#schedule div.wrapper { background-color: #f9f9f9; padding-top: 7.2916%; padding-bottom: 7.2916%; padding-left: 3.8541%; padding-right: 3.8541%; }
@media screen and (min-width: 1281px) { #schedule div.wrapper { padding-top: 70px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper { padding-top: 11.6666%; } }
@media screen and (min-width: 1281px) { #schedule div.wrapper { padding-bottom: 70px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper { padding-bottom: 11.6666%; } }
@media screen and (min-width: 1281px) { #schedule div.wrapper { padding-left: 37px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper { padding-left: 3.3333%; } }
@media screen and (min-width: 1281px) { #schedule div.wrapper { padding-right: 37px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper { padding-right: 3.3333%; } }
#schedule div.wrapper h3 { margin-bottom: 8.1264%; }
@media screen and (min-width: 1281px) { #schedule div.wrapper h3 { margin-bottom: 72px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper h3 { margin-bottom: 6%; } }
#schedule div.wrapper h3 img { width: 14.8984%; }
@media screen and (max-width: 640px) { #schedule div.wrapper h3 img { width: 18.6666%; } }
@media screen and (min-width: 641px) { #schedule div.wrapper h3 + p { padding-left: 2.7088%; padding-right: 2.7088%; } }
@media screen and (min-width: 641px) and (min-width: 1281px) { #schedule div.wrapper h3 + p { padding-left: 24px; } }
@media screen and (min-width: 641px) and (max-width: 640px) { #schedule div.wrapper h3 + p { padding-left: 0%; } }
@media screen and (min-width: 641px) and (min-width: 1281px) { #schedule div.wrapper h3 + p { padding-right: 24px; } }
@media screen and (min-width: 641px) and (max-width: 640px) { #schedule div.wrapper h3 + p { padding-right: 0%; } }

#schedule div.wrapper h4, #schedule div.wrapper ul.list { padding-left: 1.8058%; }
@media screen and (min-width: 1281px) { #schedule div.wrapper h4, #schedule div.wrapper ul.list { padding-left: 16px; } }
@media screen and (max-width: 640px) { #schedule div.wrapper h4, #schedule div.wrapper ul.list { padding-left: 2.6666%; } }

/* section4 */
#introduce h3 img { width: 16.1458%; }
@media screen and (max-width: 640px) { #introduce h3 img { width: 23.3333%; } }
#introduce > .inner > .pure-g { padding-left: 4.176%; padding-right: 4.176%; }
@media screen and (min-width: 1281px) { #introduce > .inner > .pure-g { padding-left: 37px; } }
@media screen and (max-width: 640px) { #introduce > .inner > .pure-g { padding-left: 0%; } }
@media screen and (min-width: 1281px) { #introduce > .inner > .pure-g { padding-right: 37px; } }
@media screen and (max-width: 640px) { #introduce > .inner > .pure-g { padding-right: 0%; } }
@media screen and (max-width: 640px) { #introduce > .inner > .pure-g > div:first-child p:first-child { margin: 0 auto; width: 45%; } }
#introduce > .inner > .pure-g > div:first-child + div { padding-left: 5.0008%; }
@media screen and (min-width: 1281px) { #introduce > .inner > .pure-g > div:first-child + div { padding-left: 24px; } }
@media screen and (max-width: 640px) { #introduce > .inner > .pure-g > div:first-child + div { padding-left: 0%; } }
#introduce > .inner > .pure-g > div:first-child + div p { font-size: 0.83333em; }
@media screen and (max-width: 640px) { #introduce > .inner > .pure-g > div:first-child + div p:first-child { text-align: center; margin-top: 2.0833%; margin-bottom: 2.0833%; } }
@media screen and (max-width: 640px) and (min-width: 1281px) { #introduce > .inner > .pure-g > div:first-child + div p:first-child { margin-top: 20px; } }
@media screen and (max-width: 640px) and (max-width: 640px) { #introduce > .inner > .pure-g > div:first-child + div p:first-child { margin-top: 6.6666%; } }
@media screen and (max-width: 640px) and (min-width: 1281px) { #introduce > .inner > .pure-g > div:first-child + div p:first-child { margin-bottom: 20px; } }
@media screen and (max-width: 640px) and (max-width: 640px) { #introduce > .inner > .pure-g > div:first-child + div p:first-child { margin-bottom: 6.6666%; } }

#introduce > .inner > .pure-g > div:first-child + div span.name { font-size: 2em; line-height: 1.2em; }