/* =============== About Section =============== */

/* Utilities */
.WhitneyFont {font-family: 'Whitney ssM A', 'Whitney ssM B'; font-weight: 400; -webkit-font-smoothing: antialiased;}
.KnockoutFont {font-family: 'Knockout 28 A', 'Knockout 28 B'; font-weight:400;}
.Uppercase {text-transform: uppercase;}
.white {color:#fff;}
.about-icon {background-image: url('/images/about-icons-sprite.png'); display:inline-block;}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	.about-icon {background-image: url('/images/about-icons-sprite@2x.png'); background-size: 82px 993px;}
}
.down-arrow.down-arrow-active {width: 35px; height: 35px; background-position: 0 -0px;}
.down-arrow {width: 33px; height: 33px; background-position: 0 -35px;}
a:hover .down-arrow {width: 33px; height: 33px; background-position: 0 -68px;}
.about-icon-about-glasses {width: 81px; height: 81px; background-position: 0 -101px;}
.about-icon-about-letter-envelope {width: 81px; height: 81px; background-position: 0 -182px;}
.about-icon-about-mail-cd {width: 81px; height: 81px; background-position: 0 -263px;}
.about-icon-about-map-pin {width: 81px; height: 81px; background-position: 0 -344px;}
.about-icon-about-megaphone {width: 81px; height: 81px; background-position: 0 -425px;}
.about-icon-about-money {width: 81px; height: 81px; background-position: 0 -506px;}
.about-icon-about-music-collection {width: 82px; height: 82px; background-position: 0 -587px;}
.about-icon-about-music-notes {width: 81px; height: 81px; background-position: 0 -669px;}
.about-icon-about-reader {width: 81px; height: 81px; background-position: 0 -750px;}
.about-icon-about-rock-hand {width: 81px; height: 81px; background-position: 0 -831px;}
.about-icon-about-thumbs-up {width: 81px; height: 81px; background-position: 0 -912px;}
.aboutheaderlink {color:#eae9e7; font-size:1.1rem; letter-spacing: 0.1em; line-height:2px !important; text-decoration:none;}
.aboutheaderlink:hover {color:#ffffff;}

@media only screen and (min-width : 501px) and (max-width : 1024px)  {
  /* For general tablet layouts */
    .hiddenontablet {display:none !important;}
}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    .hiddenonmobile {display:none !important;}
    #aboutheaderlinks {margin: 28rem 0 0 0;}
    .aboutheaderlinks {padding:20px 0 !important;}
    .aboutheaderlink {padding:50px 0 !important;}
    .down-arrow {margin-bottom:30px; margin-top:0;}
}

/* 7 column grid for Album covers */
.album-cover {max-width: 100%; display:inline-block; margin:-2px 0; padding:0;}
.album-cover-span-1 {width:14.2857142857%;}
.album-cover-span-2 {width:28.5714285714%;}
.album-cover-span-3 {width:42.8571428571%;}
.album-cover-span-4 {width:57.1428571429%;}
.album-cover-span-5 {width:71.4285714286%;}
.album-cover-span-6 {width:85.7142857143%;}
.album-cover-span-7 {margin-left:0; width:100%;}

/* =============== Fan Page =============== */

#AboutFanAccountHeaderV2 {background-image: url('/images/fan-account-header.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 47rem;}
#AboutFanAccountHeaderV2 h1 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 6rem; padding-top: 0.75em; line-height: 5rem; width:30rem;}
#AboutFanAccountHeaderV2 p {color:#fff; font-size:0.9em; line-height:1.4rem; margin: 20px 0; width:30rem;}

#AboutFanRow2 h2.about {color:#bd4916; font-weight:400;}

.fanfeaturesimage {width:100%;margin-bottom:10px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);}

#AboutFanAccountFooter {background-image: url('/images/fan-account-footer.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 42rem;}
#AboutFanAccountFooter h2 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 6rem; padding-top: 2.5em; line-height: 5rem;}

#aboutheaderlinks {margin: 36rem 0 0 0;}

#AboutFanAccountFooter span {display: inline-block;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
  /* For general tablet layouts */
    #AboutFanAccountFooter span {display: block;}
}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    #AboutFanAccountHeaderV2 {min-height: 25rem;}
    #AboutFanAccountHeaderV2 {background-position: -800px center;}
    #AboutFanAccountHeaderV2 h1 {font-size: 5rem; line-height: 4rem; padding-top: 0.75em; width:auto;}
    #AboutFanAccountHeaderV2 p {width:auto;}
    #AboutFanAccountFooter {min-height: 15rem;}
    #AboutFanAccountFooter h2 {font-size: 5rem; line-height: 4rem; padding-top: 0.75em;}
    #fanaccountheadline {text-align:center;}
}

/* =============== Author Page =============== */

#AboutAuthorAccountHeaderV2 {background-image: url('/images/author-account-header.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 47rem;}
#AboutAuthorAccountHeaderV2 h1 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fafafa; font-size: 6rem; padding-top: 1.75em; line-height: 5rem;}
#AboutAuthorAccountHeaderV2 p {color:#fff; font-size:0.9em; line-height:1.4rem; margin: 20px 0;}
#authoraccountheadline a {margin-top:20px;}
#AboutAuthorAccountFooter {}
#AboutAuthorAccountFooter h2 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 6rem; padding-top: 2.5em; line-height: 5rem;}

#AboutAuthorRow2 {background-image: url('/images/author-account-row-2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 21rem;}
#AboutAuthorRow2 p {font-size:2rem; line-height: normal; margin: 7rem 4rem; color:#225238;}
#AboutAuthorRow3 {}
#AboutAuthorRow3 .col {width: 33.3333%; margin: 0px 0px 70px; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 50.5rem;}
#AboutAuthorRow3 p {text-align: center; font-size: 2.5rem; line-height: 3rem; margin: 13rem 6rem; color:#fafafa;}
#AboutAuthorRow4, #AboutAuthorRow6 {color:#727271;}
#AboutAuthorRow4 h2.about, #AboutAuthorRow6 h2.about, #AboutAuthorRow10 h2.about {color:#006c27; font-weight:400;}
#AboutAuthorRow5 {background-image: url('/images/author-account-row-5.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutAuthorRow5 h2 {font-size:6rem; margin: 6rem 0; line-height:5rem; text-align: center; color:#f9ebe5;}
#AboutAuthorRow5 h2 span {display: block;}
#AboutAuthorRow6 {background-color:#f0f0ee; padding: 60px 0;}
#AboutAuthorRow7 {}
#AboutAuthorRow7 #quote1 {background-image: url('/images/about-sliders/author-account-guy-kawasaki.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutAuthorRow7 #quote1 .quote {color: #fff; font-family: 'Whitney ssM A','Whitney ssM B'; font-size:1.5rem; padding:3rem; position: relative; right: -15%; text-align: center; top: 5rem; width: 22%; line-height:2.5rem;}
#AboutAuthorRow7 #quote1 .author {color: #f0f0ee; font-weight:600; display:block; margin-top:1rem; text-align:center;}
#AboutAuthorRow7 #quote1 .book {color: #f0f0ee; font-style: italic; display:block; text-align:center;}
#AboutAuthorRow7 #quote2 {background-image: url('/images/about-sliders/author-account-donald-miller.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutAuthorRow7 #quote2 .quote {color: #fff; font-family: 'Whitney ssM A','Whitney ssM B'; font-size:1.5rem; padding:3rem; position: relative; right: -15%; text-align: justify; -moz-text-align-last: center; text-align-last: center; top: 5rem; width: 25%; line-height:2.5rem;}
#AboutAuthorRow7 #quote2 .author {color: #f0f0ee; font-weight:600; display:block; margin-top:1rem; text-align:center;}
#AboutAuthorRow7 #quote2 .book {color: #f0f0ee; font-style: italic; display:block; text-align:center;}
#AboutAuthorRow8 {background-color:#f0f0ee; padding: 60px 0;}
#AboutAuthorRow8 h2 {font-size:1.8rem; font-weight: 500;}
#AboutAuthorRow9 {background-image: url('/images/author-account-row-9.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 21rem;}
#AboutAuthorRow9 h2 {font-size: 6rem; line-height: 5rem; margin: 1.5rem 0px 25rem; color:#ffede0;}
#AboutAuthorRow10 {background-color:#fafafa; padding: 60px 0;}
#AboutAuthorRow11 {background-image: url('/images/author-account-row-11.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 21rem;}
#AboutAuthorRow11 p {color:#f0f0ee; font-size:2.7rem; line-height:2.5rem; margin:6rem auto; width:85%;}
#AboutAuthorRow12 {background-color:#fafafa; padding: 60px 0;}
#AboutAuthorRow12 h2 {font-size:6rem; line-height:5rem; text-align: center; color:#225238;}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    #AboutAuthorAccountHeaderV2 {min-height: 25rem;}
    #AboutAuthorAccountHeaderV2 h1 {font-size: 4.6rem; line-height: 4rem; padding-top: 0.75em; width:auto;}
    #AboutAuthorAccountHeaderV2 p {width:auto;}
    #AboutAuthorAccountFooter {min-height: 15rem;}
    #AboutAuthorAccountFooter h2 {font-size: 4.6rem; line-height: 4rem; padding-top: 0.75em;}
    #AboutAuthorRow2 p {font-size:1.5rem; margin: 4rem 1rem;}
    #AboutAuthorRow3 .col {height: 10rem;}
    #AboutAuthorRow3 .col.third {width: 100%;}
    #AboutAuthorRow3 p {font-size: 1.1rem; line-height: normal; margin: 2rem 1rem;}
    #AboutAuthorRow5 h2 {font-size: 4.6rem; line-height: 4rem; display: inline-block;}
    #AboutAuthorRow7 #quote1, #AboutAuthorRow7 #quote2 {min-height:400px;}
    #AboutAuthorRow7 #quote1 .quote {font-size: 1rem; padding: 0rem; right: -15% ;top: 2rem; width: 70%; line-height:1.2rem;}
    #AboutAuthorRow7 #quote2 .quote {font-size: 1rem; padding: 0rem; right: -15% ;top: 2rem; width: 70%; line-height:1.2rem;}
    #AboutAuthorRow8 h2 {font-size:1.2rem;}
    #AboutAuthorRow9 h2 {font-size: 4rem; line-height: 3.5rem; margin: 1rem 0px 25rem;}
    #AboutAuthorRow12 h2 {font-size:4.6rem; line-height: 4rem;}
}

@media only screen and (min-width : 501px) and (max-width : 1024px)  {
  /* For general tablet layouts */
    #AboutAuthorRow3 .col {height: 25rem;}
    #AboutAuthorRow3 .col.second, #AboutAuthorRow3 .col.third {width: 50%;}
    #AboutAuthorRow7 #quote1 .quote {font-size: 1.5rem; padding: 0rem; right: -15%; top: 4rem; width: 50%; line-height:2rem;}
    #AboutAuthorRow7 #quote2 .quote {font-size: 1.5rem; padding: 0rem; right: -10%; top: 3rem; width: 40%; line-height:2rem;}
}

@media only screen and (min-width: 501px) and (max-width : 800px)  {
  /* For large layouts */
    #AboutAuthorRow3 p {font-size: 1.5rem; line-height: normal; margin: 3rem 1.5rem;}
}

@media only screen and (min-width: 801px) and (max-width : 1024px)  {
  /* For large layouts */
    #AboutAuthorRow3 p {font-size: 2rem; line-height: normal; margin: 3.1rem 1.5rem;}
}

@media only screen and (min-width: 1025px) and (max-width : 1200px)  {
  /* For large layouts */
    #AboutAuthorRow3 p {font-size: 2.5rem; line-height: normal; margin: 8rem 2rem;}
}

@media only screen and (min-width: 1201px) and (max-width : 1800px)  {
  /* For large layouts */
    #AboutAuthorRow3 p {font-size: 2.5rem; line-height: normal; margin: 12rem 2rem;}
    #AboutAuthorRow7 #quote1 .quote {font-size:1.5rem; padding:3rem; position: relative; right: -15%; text-align: center; top: 5rem; width: 22%; line-height:2.5rem;}
    #AboutAuthorRow7 #quote2 .quote {font-size:1.5rem; padding:3rem; position: relative; right: -15%; text-align: justify; -moz-text-align-last: center; text-align-last: center; top: 2rem; width: 36%; line-height:2.5rem;}
}

/* =============== Artist Page =============== */

#AboutArtistAccountHeaderV2 {background-image: url('/images/artist-account-header.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 47rem;}
#AboutArtistAccountHeaderV2 h1 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 6rem; padding-top: 1.75em; line-height: 5rem;}
#AboutArtistAccountHeaderV2 p {color:#fff; font-size:0.9em; line-height:1.4rem; margin: 20px 0;}
#artistaccountheadline a {margin-top:20px;}
#AboutArtistAccountFooter {background-image: url('/images/artist-account-row-10.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 42rem;}
#AboutArtistAccountFooter h2 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 6rem; padding-top: 2.5em; line-height: 5rem;}

#AboutArtistRow2 {background-image: url('/images/artist-account-row-2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 21rem;}
#AboutArtistRow2 p {font-size:2rem; line-height: normal; margin: 7rem 4rem; color:#c64a0a;}
#AboutArtistRow3 {}
#AboutArtistRow4, #AboutArtistRow6 {color:#727271; background-color:#eae9e7;}
#AboutArtistRow4 h2.about, #AboutArtistRow6 h2.about, #AboutArtistRow10 h2.about {color:#bd4916; font-weight:400;}
#AboutArtistRow5 {background-image: url('/images/artist-account-row-5.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutArtistRow5 h2 {font-size:6rem; margin: 6rem 0; line-height:5rem; text-align: center; color:#ffeede;}
#AboutArtistRow5 h2 span {display: block;}
#AboutArtistRow6 {background-color:#eae9e7; padding: 60px 0;}
#AboutArtistRow7 {}

#AboutArtistRow7 #quote1 {background-image: url('/images/about-sliders/artist-account-black-keys.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutArtistRow7 #quote1 .quote {color: #fff; font-family: 'Whitney ssM A','Whitney ssM B'; font-style: italic; font-size:1.5rem; position: relative; text-align: center; top: 10rem; width: 16%; line-height:2.5rem; margin:0 auto; letter-spacing: -0.01rem;}
#AboutArtistRow7 #quote1 .author {color: #fff; font-style: normal; display:block; margin-top:1rem; text-align:center; letter-spacing: 0.2rem;}

#AboutArtistRow7 #quote2 {background-image: url('/images/about-sliders/artist-account-katie-herzig.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutArtistRow7 #quote2 .quote {color: #fff; font-family: 'Whitney ssM A','Whitney ssM B'; font-style: italic; font-size:1.5rem; position: relative; text-align: center; top: 10rem; right:-70%; width: 16%; line-height:2.5rem; letter-spacing: -0.01rem;}
#AboutArtistRow7 #quote2 .author {color: #c7c6c5; font-style: normal; display:block; margin-top:1rem; text-align:center; letter-spacing: 0.2rem;}

#AboutArtistRow7 #quote3 {background-image: url('/images/about-sliders/artist-account-sleeping-at-last.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#AboutArtistRow7 #quote3 .quote {color: #fff; font-family: 'Whitney ssM A','Whitney ssM B'; font-style: italic; font-size:1.5rem; position: relative; text-align: center; top: 10rem; width: 16%; line-height:2.5rem; margin:0 auto; letter-spacing: -0.01rem;}
#AboutArtistRow7 #quote3 .author {color: #eae9e7; font-style: normal; display:block; margin-top:1rem; text-align:center; letter-spacing: 0.2rem;}

#AboutArtistRow8 {background-color:#eae9e7; padding: 60px 0;}
#AboutArtistRow9 {background-color:#d7d5d1; padding: 60px 0;}
#AboutArtistRow9 h2 {font-size:1.8rem; font-weight: 500;}
#AboutArtistRow9 #topFan {margin-bottom:-2rem;}
#AboutArtistRow9 #bottomFan {margin-top:-3rem;}
#AboutArtistRow10 {background-image: url('/images/artist-account-row-10.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 21rem;}
#AboutArtistRow10 p {color:#ffeede; font-size:6rem; line-height:5rem; margin:6rem auto;}
#AboutArtistRow11 {background-color:#eae9e6; padding: 60px 0;}
#AboutArtistRow11 h2 {font-size:6rem; line-height:5rem; text-align: center; color:#727271;}

.about-icon-about-ads-slide1 {background-image: url('/images/ads_slide1.jpg'); width: 300px; height: 220px; margin: 25px; box-shadow: 0px 0px 15px 5px #cbcbcb;}
.about-icon-about-ads-slide2 {background-image: url('/images/ads_slide2.jpg'); width: 300px; height: 220px; margin: 25px; box-shadow: 0px 0px 15px 5px #cbcbcb;}
.about-icon-about-ads-slide3 {background-image: url('/images/ads_slide3.jpg'); width: 300px; height: 220px; margin: 25px; box-shadow: 0px 0px 15px 5px #cbcbcb;}

#AboutAdsHeaderV2 {background-image: url('/images/ads_background.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 47rem; font-family: 'Knockout 28 A','Knockout 28 B';}
#AboutAdsHeaderV2 a {font-family: 'Whitney ssM A', 'Whitney ssM B';}
#AboutAdsHeaderV2 .aboutheaderlink {font-family: 'Whitney ssM A', 'Whitney ssM B';}
#AboutAdsHeaderV2 h1 {font-family: 'Knockout 28 A','Knockout 28 B'; color: #fff; font-size: 70px; padding-top: 250px; line-height: 70px;}
#AboutAdsHeaderV2 h2 {font-family: 'Knockout 28 A','Knockout 28 B'; font-size:27pt; color: #a1a1a1; padding-top:20px}
#AboutAdsHeaderV2 p {color:#fff; font-size:0.9em; line-height:1.4rem; margin: 20px 0;}

#AboutAdsRow4 {color:#727271; background-color:#eae9e7;}
#AboutAdsRow4 h2.about {color:#bd4916; font-weight:400;}
#AboutAdsRow4 .ad_text {line-height: 18pt}
#AboutAdsRow5 {color:#727271; background-color:#ffffff;}
#AboutAdsRow5 h2.about {color:#bd4916; font-weight:400;}
#AboutAdsRow5 .ad_text {line-height: 18pt; text-align:left}
#AboutAdsRow5 .ad_text li {list-style:inherit; line-height: 21pt}
#AboutAdsRow6 {color:#727271; background-color:#eae9e7;}
#AboutAdsRow6 h2.about {color:#bd4916; font-weight:400; font-size:45pt;}
#AboutAdsRow6 .ad_text {line-height: 18pt;}
#AboutAdsRow6 input, #AboutAdsRow6 select, #AboutAdsRow6 textarea {margin:10px 0px 10px 0px;}
#AboutAdsRow6 .ad_text {margin-left:20%; margin-right:20%}
#AboutAdsRow6 .form_row_1 {width:400px}
#AboutAdsRow6 .form_row_2 {width:400px}
#AboutAdsRow6 .form_row_3 {width:421px}
#AboutAdsRow6 .form_row_4 {width:400px}
#AboutAdsRow6 .error-messsages {}


.ad_font_2 {font-family: 'Knockout 28 A','Knockout 28 B'; font-size: 30pt; color:#bd4916; font-weight:400;}
.ad_font_3 {font-family: 'Knockout 28 A','Knockout 28 B'; font-size: 50pt; color:#bd4916; font-weight:400;}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    #AboutArtistAccountHeaderV2 {min-height: 25rem;}
    #AboutFanAccountHeaderV2 h1 {font-size: 5rem; line-height: 4rem; padding-top: 0.75em; width:auto;}
    #AboutFanAccountHeaderV2 p {width:auto;}
    #AboutArtistAccountFooter {min-height: 15rem;}
    #AboutArtistAccountFooter h2 {font-size: 5rem; line-height: 4rem; padding-top: 0.75em;}
    #AboutArtistRow2 p {font-size:1.5rem; margin: 4rem 1rem;}
    #AboutArtistRow5 h2 {font-size: 4.6rem; line-height: 4rem; display: inline-block;}
    #AboutArtistRow7 #quote1, #AboutArtistRow7 #quote2, #AboutArtistRow7 #quote3 {min-height:400px;}
    #AboutArtistRow7 #quote1 .quote {font-size: 1rem; padding: 0rem; top: 13rem; width: 65%; line-height:1.2rem; margin:0 auto; right:0;}
    #AboutArtistRow7 #quote2 .quote {font-size: 1rem; padding: 0rem; top: 13rem; width: 65%; line-height:1.2rem; margin:0 auto; right:0;}
    #AboutArtistRow7 #quote3 .quote {font-size: 1rem; padding: 0rem; top: 4.5rem; width: 65%; line-height:1.2rem; margin:0 auto; right:0;}
    #AboutArtistRow9 {padding: 30px 0;}
    #AboutArtistRow9 h2 {font-size:1.2rem;}
    #AboutArtistRow9 #topFan {margin-bottom:0;}
    #AboutArtistRow9 #bottomFan {margin-top:0;}
    #AboutArtistRow10 p, #AboutArtistRow11 h2 {font-size:4.5rem; line-height: 4rem;}
    #AboutArtistAccountHeaderV2 #aboutheaderlinks {margin: 45rem 0 0 0;}

    .about-icon-about-ads-slide1 {margin: 25px auto 25px auto;}
    .about-icon-about-ads-slide2 {margin: 25px auto 25px auto;}
    .about-icon-about-ads-slide3 {margin: 25px auto 25px auto;}

    #AboutAdsRow6 h2.about {color:#bd4916; font-weight:400; font-size:29pt;}
    #AboutAdsRow6 .form_row_1 {width:190px;}
    #AboutAdsRow6 .form_row_2 {width:190px;}
    #AboutAdsRow6 .form_row_3 {width:211px;}
    #AboutAdsRow6 .form_row_4 {width:190px;}
}

@media only screen and (min-width: 501px) and (max-width: 1024px)  {
  /* For general tablet layouts */
    #AboutArtistRow7 #quote1 .quote {font-size: 1.5rem; padding: 0rem; top: 5.5rem; line-height:2rem; width:33%;}
    #AboutArtistRow7 #quote2 .quote {font-size: 1.5rem; padding: 0rem; top: 5.5rem; line-height:2rem; width:33%; right:-55%;}
    #AboutArtistRow7 #quote3 .quote {font-size: 1.5rem; padding: 0rem; top: 5.5rem; line-height:2rem; width:33%;}
}

@media only screen and (min-width: 1025px) and (max-width : 1400px)  {
  /* For large layouts */
    #AboutArtistRow7 #quote1 .quote {font-size: 1.5rem; padding: 0rem; top: 9rem; line-height:2rem; width:22%;}
    #AboutArtistRow7 #quote2 .quote {font-size: 1.5rem; padding: 0rem; top: 9rem; line-height:2rem; width:22%;}
    #AboutArtistRow7 #quote3 .quote {font-size: 1.5rem; padding: 0rem; top: 9rem; line-height:2rem; width:23%;}
}

@media only screen and (min-width: 1401px)  {
  /* For large layouts */
    #AboutArtistRow7 #quote1 .quote {width:20%;}
    #AboutArtistRow7 #quote2 .quote {width:20%;}
    #AboutArtistRow7 #quote3 .quote {width:22%;}
}

/* =============== Slider =============== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(/images/about_slider_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: 0;}
.flex-direction-nav li .prev {left: 0;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.flexslider .slides > li {min-height: 45rem;}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    .flexslider .slides > li {min-height: 22rem;}
}

/* =============== FAQs Page =============== */

#AboutFAQsRow2 p, #AboutFAQsRow3 p, #AboutFAQsRow4 p {font-size:16px; line-height:28px !important; color:#5a5856}
#AboutFAQsRow2 h2, #AboutFAQsRow3 h2, #AboutFAQsRow4 h2 {font-size:22px; line-height:30px; color:#c64500; font-weight:400;}
#AboutFAQsRow1 h2 {font-size:88px; line-height:80px; margin:50px auto; color:#c64500;}
.button_support { border-radius:3px; border:0; width:auto; padding:8px 12px 8px 12px; color:#eeedeb; text-decoration:none;
	font-weight:400; line-height: normal;
	cursor:pointer; text-align:center; display:inline-block; background:#c44616;}
.button_support:hover { color:#eeedeb; background:#a93c03;  }
.FAQs-spacing-left {padding-right:26px;}
.FAQs-spacing-center  {padding-left:13px; padding-right:13px;}
.FAQs-spacing-right {padding-left:26px;}
#FAQSmore {background-color:#f1f0ee; text-align:center; margin-left:13px; padding:35px;}
#FAQSmore h3 {color:#5a5856; font-size:22px; line-height:30px; margin-bottom:20px; text-align:center;}

@media only screen and (max-width: 500px) and (min-width: 0px) {
  /* For general mobile layouts */
    .FAQs-spacing-left, .FAQs-spacing-center, .FAQs-spacing-right, .FAQs-spacing-right-bottom-block {padding-right:0px; padding-left:0px;}
    #FAQSmore {margin-left:0px; margin-bottom:40px;}
}
