.container {
  min-width: 1400px;
}
@media (max-width: 1500px) {
  .container {
    min-width: 1300px;
  }
  .collage-padding {
  	padding: 2rem 6rem !important;
  }
  .bio-padding {
    padding: 0 0 4rem !important;
  }
  .about-title {

  }
  .p-about {
    padding: 2rem 4rem !important;
  }
  .research-sticky {
    padding: 0;
    min-height: 1997px !important;
  }
  #dono-landing {
    min-height: 1146px !important;
  }
  .landing-text-col {
    padding-right: 8rem !important;
  }
  .under-dono-p {
    font-size: 20px !important;
    padding: 3rem 0 0 .9rem !important;
  }
  .under-dono-p-author {
    padding-top: 1rem !important;
  }
  .demo-test-now-text {
    margin-left: 21rem !important;
  }
  .problem-statement-text {
    padding-right: 12rem !important;
  }
  .hypothesis-title {
    margin-top: 8rem !important;
  }
  .hypothesis-text {
    padding-right: 10rem !important;
  }
  .personas-title-padding {
    padding-top: 20rem !important;
  }
  .persona-modal-brief-jamie {
    padding: 0 2rem 2rem !important;
  }
  .personal-modal-last-section {
    padding-right: 4rem !important;
  }
  .modal-ul {
    padding: 2rem 6rem 0 2rem !important;
  }
  .affinity-text {
    padding: 4rem 6rem 0 0 !important;
  }
  #dono-define {
    min-height: 1410px !important;
  }
  .mvp-sticky {
    min-height: 2200px !important;
  }
  .lofi-invis-spacing {
    display: block !important;
  }
  .lofi-stats {
    padding: 6rem 2rem 2rem 1rem !important;
  }
  .lofi-account-sticky {
    min-height: 716px !important;
  }
  .lofi-search-sticky {
    min-height: 900px !important;
  }
  .midfi-stats-text-mobile {
    padding: 0 2rem !important;
  }
  .midfi-quotes-mobile {
    padding: 0 2rem !important;
  }
  .takeaway-takeaway-col {
    padding: 0 8rem !important;
  }
  .dono-logo-padding {
    padding-top: 4rem !important;
  }
  .dono-icon {
    height: 260px !important;
    width: 260px !important;
  }
}
@media (max-width: 1400px) {
  .modal-ul {
    padding: 2rem 12rem 0 2rem !important;
  }
  .personal-modal-last-section {
    padding-right: 8rem !important;
  }
}
@media (max-width: 1300px) {
  .container {
    min-width: 1100px;
  }
  .thesis-intro-text {
    padding: 2rem 1rem 1rem !important;
  }
  .research-sticky {
    min-height: 1792px !important;
  }
  .dono-p-hide {
    display: none;
  }
  .dono-p-1300 {
    display: block !important;
  }
  .landing-h2-mask {
    font-size: 42px !important;
  }
  .landing-h2-thesis {
    font-size: 42px !important;
  }
  .landing-h2-dono {
    font-size: 46px !important;
  }
  .landing-text-col {
    padding-right: 2rem !important;
  }
  .about-title {
    font-size: 36px !important;
  }
  .p-about {
    padding: 2rem 2rem !important;
  }
  #dono-landing {
    min-height: 1016px !important;
  }
  .demo-test-now-text {
    margin-left: 18rem !important;
  }
  .problem-statement-text {
    padding-right: 6rem !important;
  }
  .hypothesis-title {
    margin-top: 8rem !important;
  }
  .hypothesis-text {
    padding-right: 8rem !important;
  }
  .personas-jamie {
    padding-right: 2rem !important;
  }
  .persona-modal-name-col-jamie {
    padding-right: 4rem !important;
  }
  .persona-modal-name-col-kennedy {
    padding-right: 0 !important;
  }
  .persona-modal-brief-jamie {
    padding: 0 0 2rem !important;
  }
  .personas-kennedy {
    padding-right: 2rem !important;
  }
  .modal-ul {
    padding: 2rem 8rem 0 2rem !important;
  }
  .affinity-text {
    padding: 4rem 2rem 0 0 !important;
  }
  #dono-define {
    min-height: 1350px !important;
  }
  .define-establish-col-mobile {
    padding-left: 4rem !important;
  }
  .sticky {
    top: 3% !important;
  }
  .mvp-sticky {
    min-height: 1996px !important;
  }
  .lofi-invis-spacing {
    display: none !important;
  }
  .lofi-stats {
    padding: 6rem 0 2rem 0 !important;
  }
  .lofi-account-sticky {
    min-height: 642px !important;
  }
  .lofi-search-sticky {
    min-height: 988px !important;
  }
  .midfi-stats-text-mobile {
    padding: 0 !important;
  }
  .midfi-quotes-mobile {
    padding: 0 1.75rem !important;
  }
  .takeaway-takeaway-col {
    padding: 0 4rem !important;
  }
  .dono-logo-padding {
    padding-top: 3rem !important;
  }
  .dono-icon {
    height: 250px !important;
    width: 250px !important;
  }
  .mask-landing-title {
    font-size: 36px !important;
  }
}
@media (max-width: 1200px) {
  .container {
    min-width: 1000px;
  }
  .collections-1-h2 {
    font-size: 32px !important;
  }
  .collections-2-h2 {
    font-size: 32px !important;
  }
  .collections-3-h2 {
    font-size: 32px !important;
  }
  .thesis-intro-text {
    padding: 2rem 2rem 1rem !important;
  }
  .research-sticky {
    min-height: 1525px !important;
  }
  #items .item{
      margin: 0 10px 16px !important;
  }
  #items .item .thumbnail {
  	margin-bottom: 20px !important;
  }
  .bio-text {
    font-size: 36px !important;
  }
  .thesis-text {
    padding: 8rem 4rem 0 6rem !important;
  }
  .landing-h2-mask {
    font-size: 34px !important;
  }
  .landing-h2-dono {
    font-size: 42px !important;
  }
  .landing-h2-thesis {
    font-size: 42px !important;
  }
  .about-title {
    font-size: 34px !important;
  }
  .p-about {
    padding: 2rem 2rem !important;
  }
  .bio {
    padding: 2rem 6rem !important;
  }
  #dono-landing {
    min-height: 908px !important;
  }
  .landing-text-col {
    padding-right: 0 !important;
  }
  .dono-landing-dono-title {
    font-size: 13rem !important;
    padding: 12rem 0 10rem 0 !important;
  }
  .dono-landing-above-dono {
    font-size: 26px !important;
    padding-top: 16rem !important;
  }
  .under-dono-title {
    font-size: 24px !important;
  }
  .dono-landing-banner {
    padding-top: 6rem !important;
  }
  .demo-test-now-text {
    margin-left: 11rem !important;
  }
  .demo-right-col {
    padding: 4rem 0 0 2rem !important;
  }
  .demo-prototype-dimensions {
    padding-right: 6rem !important;
    margin-top: -220px !important;
  }
  .demo-prototype {
    height: 716px !important;
  }
  .problem-statement-text {
    padding-right: 3rem !important;
    font-size: 24px !important;
  }
  .hypothesis-title {
    margin-top: 6rem !important;
  }
  .hypothesis-text {
    padding-right: 3rem !important;
    font-size: 24px !important;
  }
  .demo-right-text {
    padding-top: 7rem !important;
  }
  #dono-demo {
    min-height: 1100px !important;
  }
  .affinity-text {
    padding: 4rem 0 0 0 !important;
  }
  .personas-title {
    font-size: 38px !important;
  }
  .personas-title-padding {
    padding-top: 10rem !important;
  }
  .personas-text {
    padding: 4rem 8rem 4rem 0 !important;
  }
  .personas-jamie {
    padding-top: 0 !important;
  }
  .personas-jamie-text {
    font-size: 24px !important;
    padding: 0 1rem 2rem !important;
  }
  .personas-kennedy {
    padding-top: 0 !important;
  }
  .personas-kennedy-text {
    font-size: 24px !important;
    padding: 0 1rem 2rem !important;
  }
  .btn-linebreak-hide {
    display: none;
  }
  .btn-linebreak {
    display: block !important;
    padding: 1rem 4rem !important;
    margin: auto;
  }
  #dono-affinity {
    min-height: 1600px !important;
  }
  .modal-left-col {
    padding: 0 2rem !important;
  }
  .modal-ul {
    padding: 2rem 0 0 2rem !important;
  }
  .persona-modal-name-col-jamie {
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  .personas-jamie-title-mobile {
    font-size: 24px !important;
  }
  .persona-modal-name-col-kennedy {
    padding-right: 0 !important;
  }
  .personas-kennedy-title-mobile {
    font-size: 20px !important;
  }
  .personas-jamie-title {
    font-size: 26px !important;
  }
  .personas-kennedy-title-small {
    font-size: 26px !important;
  }
  .persona-modal-brief-jamie {
    padding: 0 0 2rem !important;
    font-size: 22px !important;
  }
  .persona-modal-brief-kennedy {
    padding: 0 0 2rem 1rem !important;
    font-size: 22px !important;
  }
  .jamie-story-padding {
    margin-bottom: 4rem !important;
    margin-top: 28rem !important;
  }
  .kennedy-story-padding {
    margin-bottom: 2rem !important;
    margin-top: 24rem !important;
  }
  #dono-define {
    min-height: 1290px !important;
  }
  .dono-define-define {
    padding-right: 2rem;
  }
  .dono-define-establish {
    display: block !important;
  }
  .dono-define-define {
    padding-right: 4rem;
  }
  .define-establish-col-mobile {
    padding-left: 0 !important;
  }
  .sticky {
    top: 2% !important;
  }
  .mvp-sticky {
    min-height: 1730px !important;
  }
  .auditor-ratings {
    margin-top: 2rem !important;
  }
  .dono-mvp-text-mobile {
    font-size: 16px !important;
  }
  #dono-mvp {
    min-height: 1850px !important;
  }
  .lofi-invis-spacing, .lofi-invis-spacing-1200 {
    display: block !important;
  }
  .lofi-ul {
    padding: 3rem 2rem 3rem 2rem !important;
  }
  .lofi-stats {
    padding: 4rem 0 2rem !important;
  }
  .lofi-stat-titles {
    font-size: 36px !important;
  }
  .lofi-stat-text {
    padding: 4rem 1rem 2rem !important;
  }
  .lofi-stat-extra {
    margin-left: 2rem !important;
  }
  .lofi-account-section {
    padding: 2rem 0 4rem !important;
  }
  .lofi-account-sticky {
    min-height: 546px !important;
  }
  .lofi-search-sticky {
    min-height: 1108px !important;
  }
  .lofi-quotes {
    font-size: 22px !important;
  }
  .midfi-stats-col {
    padding: 6rem 1rem 2rem !important;
  }
  .midfi-stats-title {
    font-size: 36px !important;
  }
  .midfi-stats-text {
    font-size: 20px !important;
  }
  .midfi-stats-subtext {
    padding: 0 !important;
  }
  .midfi-quotes {
    padding: 0 !important;
  }
  .mask-landing-title {
    font-size: 32px !important;
  }
  .scope-title {
    font-size: 36px !important;
  }
  .painpoints-title {
    font-size: 36px !important;
  }
}
@media (max-width: 1100px) {
  .container {
    min-width: 960px;
  }
  .thesis-intro-text {
    padding: 2rem 1rem 1rem !important;
  }
  .research-sticky {
    min-height: 1478px !important;
  }
  .research .sticky {
    top: 5% !important;
  }
  .bio-text {
    font-size: 34px !important;
  }
  .about-title {
    font-size: 34px !important;
  }
  .p-about {
    padding: 2rem 2rem !important;
  }
  .bio {
    padding: 2rem 4rem !important;
  }
  #dono-landing {
    min-height: 878px !important;
  }
  .demo-test-now-text {
    margin-left: 14rem !important;
  }
  .demo-test-now-title {
    font-size: 26px !important;
  }
  .clear-ul-style li {
    padding-right: 2rem !important;
  }
  .affinity-title {
    font-size: 38px !important;
  }
  .personas-title {
    font-size: 36px !important;
  }
  .personas-kennedy-title-small {
    font-size: 26px !important;
  }
  .modal-ul {
    padding: 2rem 6rem 0 2rem !important;
  }
  .modal-section-titles-mobile {
    font-size: 24px !important;
    padding-right: 4rem !important;
  }
  .modal-donation-text-mobile-jamie {
    padding-right: 6rem !important;
  }
  .modal-donation-text-mobile-kennedy {
    padding-right: 2rem !important;
  }
  .sticky {
    top: 0 !important;
  }
  .mvp-sticky {
    min-height: 1684px !important;
  }
  #dono-mvp {
    min-height: 1804px !important;
  }
  .lofi-invis-spacing {
    display: none !important;
  }
  .lofi-account-sticky {
    min-height: 532px !important;
  }
  .lofi-search-sticky {
    min-height: 1168px !important;
  }
  .midfi-stats-title-mobile {
    font-size: 34px !important;
  }
  .scope-title {
    font-size: 32px !important;
  }
  .painpoints-title {
    padding: 7rem 0 2rem !important;
    font-size: 32px !important;
  }
}
@media (max-width: 1000px) { /*collections */
  .third-bg {
    width: 100%;
  }
  .nav-styling {
  	max-width: 200px;
  	min-height: 150px;
  	margin-left: auto;
  	margin-right: auto;
  }
  .padding-override {
  	padding-right: 0 !important;
  	padding-left: 0 !important;
  }
  .items-hide {
    display: none !important;
  }
  .items-hide-small {
    display: block !important;
  }
  #items-small .item{
      margin: 0 12px 16px !important;
  }
  #items-small .item .thumbnail {
  	margin-bottom: 20px !important;
  }
}
@media (max-width: 991px) { /* home collage images off center*/
  .container {
    min-width: 768px;
  }
  .thesis-intro-text {
    padding: 2rem 8rem 1rem !important;
  }
  .research-sticky {
    min-height: 850px !important;
  }
  .research .sticky {
    padding: 0 14rem;
  }
  #items-small .item{
      margin: 24px 0 16px !important;
  }
  #items-small .item .thumbnail {
    padding: 0 !important;
  	margin-bottom: 22px !important;
  }
  #items-small .item .thumbnail > img {
  	margin: 0 !important;
  }
  #items-small .item-left {
    padding: 0 12px 0 0;
  }
  #items-small .item-right {
    padding: 0 0 0 12px;
  }
  #items-small .thumbnail > img {
    width: 100%;
  }
  .item-right .thumbnail {
    text-align: right;
  }
  .model-credit {
    padding: 1rem 0 4rem;
  }
  .thesis-process-padding {
    padding: 0 !important;
  }
  .bio-text {
    font-size: 32px !important;
  }
  .dono-p-hide {
    display: block !important;
  }
  .dono-p-1300 {
    display: none !important;
  }
  .thesis-text {
    padding: 8rem 4rem 0 7rem !important;
  }
  .landing-h2-dono {
    font-size: 46px !important;
  }
  .landing-h2-mask {
    font-size: 42px !important;
  }
  .landing-h2-thesis {
    font-size: 40px !important;
  }
  .landing-intro {
    padding: 2rem 0 0 !important;
  }
  .hide-break-mobile {
    display: none;
  }
  .collections-category-offset {
    text-indent: -11.75rem !important;
    padding-left: 11.75rem !important;
  }
  #about {
  	background-position: left top !important;
  }
  .about-title {
    font-size: 28px !important;
    line-height: 5rem !important;
  }
  .p-about {
    padding: 2rem 2rem !important;
    text-align: left !important;
  }
  .bio {
    padding: 2rem 0 !important;
  }
  .portrait-icon {
    width: 260px !important;
    height: 260px !important;
  }
  .bio-padding {
    padding: 0 !important;
  }
  #landing {
    height: 100%;
  	min-height: 1000px !important;
  }
  .landing-thesis {
    padding: 0 !important;
  }
  .landing-padding {
    padding: 4rem 0 0 0 !important;
  }
  .landing-last-mobile-padding {
    padding-bottom: 3.75rem !important;
  }
  .dono-landing-above-dono {
    text-align: center !important;
  }
  .dono-landing-dono-title {
    text-align: center !important;
  }
  .under-dono-title {
    text-align: center !important;
  }
  .under-dono-p-author {
    padding-top: 0 !important;
    padding-right: 4rem;
  }
  .under-dono-p {
    padding: 3rem 0 0 3rem !important;
  }
  .dono-landing-banner-col {
    padding: 0 !important;
  }
  .dono-landing-banner{
    padding-top: 0 !important;
  }
  .demo-prototype {
    padding: 0 0 0 6rem !important;
    height: 784px !important;
  }
  .demo-prototype-dimensions {
    padding-right: 0 !important;
    margin-top: -150px !important;
  }
  .demo-test-now-text {
    margin-left: 0 !important;
    padding-left: 24rem;
  }
  .demo-right-col {
    padding: 0 0 0 3rem !important;
  }
  .demo-right-text {
    padding-top: 0 !important;
  }
  .clear-ul-style li {
    padding-right: 0rem !important;
  }
  .larger-li-right-pad { /* overwritten */
    padding-right: 10rem !important;
  }
  .demo-timeline-split {
    display: block !important;
    line-height: .25rem;
  }
  .dono-demo-second-li {
    padding-top: 1rem !important;
  }
  .center-li {
    text-align: center !important;
  }
  .dono-demo-ul-margin {
    margin-top: 4rem !important;
  }
  .dono-demo-proj-info-mobile-hide {
    display: none;
  }
  .dono-demo-proj-info-mobile {
    display: block !important;
  }
  .personas-jamie-modal-mobile-hide {
    display: none;
  }
  .personas-jamie-modal-mobile {
    display: block !important;
  }
  .personas-jamie-modal-smaller {
    padding: 0 12rem 0 2rem;
  }
  .btn-linebreak-hide {
    display: block !important;
    margin: auto;
  }
  .btn-linebreak {
    display: none !important;
  }
  .padding-small {
    padding: 0 1rem !important;
  }
  .padding-med {
    padding: 0 2rem !important;
  }
  .line-hide-mobile {
    display: none;
  }
  .personas-title-padding {
    padding-top: 8rem !important;
  }
  .define-establish-col-mobile {
    padding-left: 0 !important;
  }
  .dono-define-establish {
    display: none !important;
  }
  .dono-define-title-mobile {
    margin-bottom: 5rem !important;
  }
  .dono-mvp-text-mobile {
    padding: 4rem 0 4rem 0 !important;
  }
  .sticky {
    top: 0;
    position: static !important;
    position: -webkit-static !important;
  }
  .mvp-sticky {
    min-height: 100% !important;
    margin-bottom: 2rem;
  }
  .auditor-ratings {
    margin-top: 2rem !important;
  }
  .dono-lofi-usability-break {
    display: block !important;
  }
  .dono-lofi-title-height {
    line-height: 3rem !important;
    padding-bottom: 1rem;
  }
  .lofi-text-mobile-padding {
    padding-right: 0rem !important;
  }
  .styling-lines-mobile {
    display: none;
  }
  .lofi-ul {
    padding: 3rem 0 0 3rem !important;
  }
  .lofi-invis-spacing {
    display: none !important;
  }
  .lofi-invis-spacing-1200 {
    display: none !important;
  }
  .clear-ul-style-lofi li {
    padding-right: 0 !important;
  }
  .lofi-account-sticky {
    min-height: 376px !important;
  }
  .lofi-search-sticky {
    min-height: 370px !important;
  }
  .lofi-search-4-image-padding {
    padding-top: 0 !important;
  }
  /*.browse-screens-mobile {
    padding-right: 0 !important;
  }*/
  .browse-screens {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .dono-lofi-search-screen-scroll-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dono-lofi-search-screen-scroll-title {
    padding: 2rem 0 2rem !important;
  }
  .dono-lofi-search-screen-scroll-text-section-hide {
    display: none;
  }
  .dono-lofi-search-screen-scroll-text-section {
    display: block !important;
  }
  .dono-lofi-quotes-section-hide {
    display: none;
  }
  .dono-lofi-quotes-section {
    display: block !important;
  }
  .dono-midfi-stats-section-hide {
    display: none;
  }
  .dono-midfi-stats-section {
    display: block !important;
  }
  .midfi-stats-col {
    padding: 5rem 1rem 0 !important;
  }
  .midfi-quotes-section-hide {
    display: none;
  }
  .midfi-quotes-section {
    display: block !important;
  }
  #dono-midfi {
    min-height: 1370px !important;
  }
  .dono-takeaway-banner-mobile {
    padding-left: 0rem !important;
  }
  .dono-takeaway-takeaway-section-mobile {
    padding-top: 4rem !important;
  }
  .takeaway-takeaway-col {
    padding: 0 8rem !important;
  }
  .dono-icon {
    height: 230px !important;
    width: 230px !important;
  }
  .dono-icon {
    margin-bottom: 4rem;
  }
  .mask-landing-title-hide {
    display: none;
  }
  .mask-landing-title-mobile {
    display: block !important;
  }
  .mask-landing-title {
    font-size: 36px !important;
  }
  .hypothesis-list-hide {
    display: none;
  }
  .hypothesis-list-mobile {
    display: block !important;
  }
  .hypothesis-list-padding {
    padding-top: 0;
    padding: 6rem 4rem 0;
    min-width: 280px;
  }
  .hypothesis-problem-statement-text {
    font-size: 24px !important;
  }
  .scope-title {
    font-size: 28px !important;
    letter-spacing: .1rem !important;
    padding: 5rem 0 0;
  }
  .scope-icon-title-padding {
    padding-top: 6rem;
  }
  .scope-icon-hide {
    display: none;
  }
  .scope-icon-mobile {
    display: block !important;
  }
  .scope-icons-2-2 {
    min-width: 340px;
  }
  .text-bubble-container {
    width: 340px !important;
    height: 274px !important;
  }
  .text-bubble-text {
    font-size: 16px !important;
  }
  .text-bubble-flex-text-painpoints {
    padding: 0 0 8rem 7rem !important;
  }
  .text-bubble-flex-text-expectations {
    padding: 0 0 8rem 7rem !important;
  }
  .materials-design-title {
    font-size: 38px !important;
  }
  .materials-design-list-text {
    padding: 1rem 2rem 0 2rem !important;
  }
  .pattern-cut-img {
    padding-top: 4rem;
  }
  .materials-design-caption {
    padding: 1rem 0 6rem !important;
  }
  .materials-design-title {
    font-size: 38px !important;
  }
  .ab-testing-title {
    font-size: 38px !important;
  }
  .ab-testing-images {
    padding-right: 0 !important;
  }
  .scoring-styles {
    padding: 4rem 16rem 0 !important;
  }
  .ab-testing-score {
    padding-top: 4rem !important;
  }
  .ab-testing-quote {
    padding: 3rem 2rem 10rem !important;
  }
  .ab-testing-score-container {
    margin-top: 4rem;
  }
  .production-title {
    font-size: 38px !important;
  }
  .production-1-img {
    padding: 4rem 0 0 !important;
  }
  .production-2-img {
    padding: 4rem 0 0 !important;
  }
  .production-3-img {
    padding: 4rem 0 0 !important;
  }
  .production-row-spacing {
    padding-top: 0 !important;
  }
  .production-2-img-hide {
    display: none;
  }
  .production-2-img-mobile {
    display: block !important;
  }
  .production-steps-padding {
    padding-top: 0 !important;
  }
  .production-steps-extra-padding {
    padding-top: 0 !important;
  }
  .production-quote {
    padding: 6rem 1rem 0 !important;
  }
  .mobile-text-center {
    text-align: center;
  }
  .production-user-icons {
    width: 40% !important;
    padding: 4rem 4rem 0 !important;
  }
  .production-user-icons-hide {
    display: none;
  }
  .production-user-icons-mobile {
    display: block !important;
    padding-top: 2rem;
  }
  #production {
    min-height: 0 !important;
    height: 3840px;
  }

  .collage-responsive {
    width: 100%;
  }
  nav#footer{
    height: 778px;
  }
}
@media (max-width: 768px){ /*ipad*/
  .container {
    min-width: 600px !important;
  }
  .decadence-btn {
    margin-top: 2.5rem;
  }
  .horus-btn {
    margin-top: 2.5rem;
  }
  .segment-btn {
    margin-top: 2.5rem;
  }
  .thesis-intro-text {
    padding: 2rem 12rem 1rem !important;
  }
  .about-title {
    font-size: 26px !important;
  }
  .p-about {
    padding: 2rem 1rem !important;
  }
  .bio {
    padding: 2rem 0 !important;
  }
  .portrait-icon {
    width: 240px !important;
    height: 240px !important;
  }
  #landing {
    background-position: left top !important;
  }
  .landing-h2-thesis {
    font-size: 38px !important;
  }
  .demo-test-now-text {
    padding-left: 22rem !important;
  }
  .dono-demo-proj-info-mobile {
    margin-left: 4rem !important;
  }
  .dono-demo-proj-info-smaller {
    margin: 1rem 1rem !important;
  }
  .affinity-text {
    padding: 4rem 0 0 0 !important;
  }
  .personas-jamie-modal-smaller {
    padding: 0 8rem 0 2rem !important;
  }
  .lofi-stat-titles {
    font-size: 30px !important;
  }
  .dono-lofi-proj-info-smaller {
    margin-right: 1rem !important;
  }
  .dono-lofi-prof-info-less-padding {
    padding-top: 1rem !important;
  }
  .h2-lofi-title {
    font-size: 38px !important;
  }
  .browse-screens {
    padding-right: 1rem !important;
  }
  .dono-lofi-quotes-section-padding-small {
    padding-top: 0 !important;
  }
  .dono-lofi-quote-extra-padding {
    padding: 0 2rem;
  }
  .midfi-stats-title {
    font-size: 28px !important;
  }
  .dono-midfi-stats-text {
    font-size: 16px !important;
  }
  .midfi-quotes-section-padding {
    padding-top: 6rem !important;
  }
  .midfi-quotes-padding-1 {
    padding: 0 2rem !important;
  }
  .takeaway-title-mobile-linebreak {
    display: block !important;
  }
  .takeaway-title-mobile-line-height {
    line-height: 3.5rem !important;
  }
  .dono-icon {
    height: 210px !important;
    width: 210px !important;
  }
  .mask-landing-title {
    font-size: 32px !important;
  }
  .scope-title {
    font-size: 38px !important;
  }
  .scope-title-hide {
    display: none;
  }
  .scope-title-mobile {
    display: block !important;
  }
  .scope-icons-2-2 {
    min-width: 300px;
  }
  .production-user-icons {
    width: 210px !important;
    height: 210px !important;
    padding: 0 !important;
    margin: 2rem 4rem 2rem;
  }
  .production-user-icons-mobile {
    padding-top: 4rem;
  }


  .content {
	   padding: 110% 0 0;
	}
  #menu.navbar-fixed-top {
    position: fixed;
  }
  .nav-styling {
  	max-width: 150px;
  	min-height: 100px;
  	margin-left: auto;
  	margin-right: auto;
  }
  .preview-horizonal {
    width: 100%;
  }
}
@media (max-width: 700px){ /* for prototype text */
  .thesis-intro-text {
    padding: 2rem 10rem 1rem !important;
  }
  .about-title {
    font-size: 24px !important;
  }
  .p-about {
    padding: 2rem 1rem !important;
  }
  .bio {
    padding: 2rem 0 !important;
  }
  .portrait-icon {
    width: 220px !important;
    height: 220px !important;
  }
  .demo-test-now-text {
    padding-left: 20rem !important;
  }
  .landing-h2-thesis {
    font-size: 36px !important;
  }
  .bio-text {
    font-size: 30px !important;
  }
  .scope-icons-2-2 {
    min-width: 260px;
  }
  .materials-design-title {
    font-size: 32px !important;
  }
  .production-user-icons {
    width: 200px !important;
    height: 200px !important;
    margin: 2rem 2rem 2rem;
  }
  #production {
    height: 3800px !important;
  }
}
@media (max-width: 670px) { /* for prototype text */
  .research .sticky {
    padding: 0 10rem !important;
  }
  .research-sticky-text {
    padding: 5rem 1rem !important;
  }
  .techniques-used-text {
    padding: 5rem 0 0 !important;
  }
  .about-mobile-hide {
    display: none !important;;
  }
  .about-mobile {
    display: block !important;
  }
  .about-title {
    font-size: 34px !important;
    line-height: 5rem !important;
  }
  .p-about {
    padding: 3rem 1rem !important;
  }
  .bio {
    padding: 2rem 1rem !important;
  }
  .portrait-icon {
    margin-top: 0 !important;
    margin-bottom: 2rem;
    width: 280px !important;
    height: 280px !important;
  }
  .demo-test-now-text {
    padding-left: 18rem !important;
  }
  .landing-h2-thesis-mobile-hide {
    display: none;
  }
  .landing-h2-thesis-mobile {
    display: block !important;
  }
  .landing-h2-thesis {
    font-size: 42px !important;
  }
  .mask-landing-title {
    font-size: 28px !important;
  }
  .covid-text {
    font-size: 20px !important;
  }
  .scoring-styles {
    padding: 4rem 12rem 0 !important;
  }
  #production {
    max-height: 3700px !important;
  }
}
@media (max-width: 610px) { /* personas 2 liner buttons */

  .btn-linebreak-hide {
    display: none !important;
  }
  .btn-linebreak {
    display: block !important;
    padding: 1rem 5rem !important;
  }
  .bio-text {
    font-size: 28px !important;
  }
}
@media (max-width: 603px){/*mobiles*/
  .container {
    min-width: 410px !important;
  }
  .thesis-intro-text {
    padding: 2rem 6rem 1rem !important;
  }
  .research-sticky-text {
    padding: 5rem 0 !important;
  }
  .about-title {
    font-size: 30px !important;
    line-height: 4rem !important;
  }
  .portrait-icon {
    width: 240px !important;
    height: 240px !important;
  }
  .demo-test-now-text {
    padding-left: 12rem !important;
  }
  .demo-prototype {
    padding: 0 !important;
  }
  .demo-right-text {
    padding-top: 0 !important;
  }
  .dono-demo-proj-li-width {
    width: 200px !important;
  }
  .personas-jamie-title {
    font-size: 24px !important;
  }
  .personas-kennedy-title-small {
    font-size: 24px !important;
  }
  .personas-hide-last-name {
    display: none !important;
  }
  .personas-jamie-modal-mobile {
    display: none !important;
  }
  .personas-jamie-modal-mobile-alt {
    display: block !important;
  }
  .modal-icon-jamie {
    margin-right: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .personas-jamie-modal-smaller {
    padding: 0 4rem 0 2rem !important;
  }
  .personas-jamie-modal-story-alt {
    padding-right: 2rem !important;
  }
  .lofi-title-smaller-font {
    font-size: 38px !important;
  }
  .dono-demo-proj-info-mobile {
    display: none !important;
  }
  .dono-demo-proj-info-mobile-hide {
    display: block !important;
  }
  .single-col-center {
    text-align: center !important;
  }
  .lofi-stats-single-col-padding {
    padding-top: 0 !important;
  }
  .lofi-stats {
    padding: 2rem 0 1rem !important;
  }
  .lofi-search-sticky {
    min-height: 280px !important;
  }
  .midfi-stats-title {
    font-size: 22px !important;
  }
  .takeaway-takeaway-col {
    padding: 0 2rem !important;
  }
  .dono-icon {
    height: 190px !important;
    width: 190px !important;
  }
  .mask-landing-title {
    font-size: 24px !important;
  }
  .hypothesis-list-padding {
    font-size: 16px !important;
    min-width: 240px;
  }
  .scope-icons-2-2 {
    min-width: 200px;
  }
  .scope-icons-2-2-left {
    padding-right: 2rem;
  }
  .scope-icons-2-2-right {
    padding-left: 2rem;
  }
  .materials-design-title {
    font-size: 32px !important;
  }
  .ab-testing-title {
    font-size: 28px !important;
  }
  .materials-design-title {
    font-size: 28px !important;
  }
  .scoring-styles {
    padding: 4rem 8rem 0 !important;
  }
  .ab-testing-score {
    padding-top: 2rem !important;
  }
  .production-title {
    font-size: 28px !important;
  }
  #production {
    max-height: 3600px !important;
  }

  /* old begins */
  #menu.navbar-fixed-top {
    position: fixed;
    /*
    top: initial !important;
    bottom: 0 !important;
    margin-bottom: 0;
    width: 100%;
    */
  }
  #home{
  	background: url(../images/bgs/0000.jpg);
  	background-size: cover;
  	background-position: center;
  	/* background-attachment: fixed; */
  	background-repeat: no-repeat;
  	color: #B4B4B4;
  }
  #collage{
  	padding: 80px 0;
  	background: url(../images/bgs/25.png);
  	background-size: cover;
  	background-position: center;
  	/* background-attachment: fixed; */
  	background-repeat: no-repeat;
  }
  #display {
  	padding: 80px 0;
  	background: url(../images/bgs/26_0.jpg);
  	background-size: cover;
  	-webkit-background-size: cover;
  	background-position: center;
  	/* background-attachment: fixed; */
  	background-repeat: no-repeat;
  	color: #656565;
    min-height: 700px;
  }
  #display .overlay{
  }
  #lineup {
  	padding: 80px 0;
  	background: url(../images/bgs/27.jpg);
  	background-size: cover;
  	/*background-position: center;*/
  	background-position: center;
  	/* background-attachment: fixed; */
  	background-repeat: no-repeat;
  	color: #656565;
  }
  #lineup .overlay{
  }
  .preview-styling {
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
  	border: 5px solid rgba(74,74,74,0.3);
  }
  .nav-horizontal {
  	margin-top: 10%;
  }
  .nav-horizontal-2 {
  	margin-top: 10%;
  }
  .preview-horizontal {
  	margin-top: 25%;
  }
  label{
      float: none !important
  }
  .pull-left.fnav,
  .pull-right.fnav {
      float: none !important;
      text-align: center;
  }
  .hover-bg .hover-text {
      padding: 12% 10%;
  }
  .nav-styling {
  	max-width: 100px;
  	min-height: 75px;
  	margin-left: auto;
  	margin-right: auto;
  }
}
@media (max-width: 550px) {
  .research .sticky {
    padding: 0 6rem !important;
  }
  .about-title {
    font-size: 28px !important;
    line-height: 4rem !important;
  }
  .bio-text {
    font-size: 26px !important;
  }
  .landing-h2-thesis {
    font-size: 38px !important;
    /*text-indent: -8rem !important;
    padding-left: 8rem !important;*/
  }
  .landing-h2-mask {
    font-size: 40px !important;
  }
  .landing-h2-dono {
    font-size: 42px !important;
  }
  .modal-icon-jamie {
    margin-right: 10rem;
  }
  .personas-jamie-modal-smaller {
    padding: 0 12rem 0 2rem !important;
  }
  .personas-jamie-modal-story-alt {
    padding-right: 8rem !important;
  }
  .demo-test-now-text {
    padding-left: 10rem !important;
  }
  .btn-linebreak {
    padding: 1rem 4rem !important;
  }
  .covid-text {
    font-size: 18px !important;
  }
  .scope-title {
    font-size: 32px !important;
  }
  .materials-design-title {
    font-size: 26px !important;
  }
}
@media (max-width: 530px) {
  .thesis-intro-text {
    padding: 2rem 5rem 1rem !important;
  }
  .about-title {
    font-size: 26px !important;
    line-height: 4rem !important;
  }
  .bio-text {
    font-size: 24px !important;
  }
  .landing-h2-thesis {
    font-size: 36px !important;
  }
  .landing-h2-mask {
    font-size: 38px !important;
  }
  .landing-h2-dono {
    font-size: 40px !important;
  }
  .btn-linebreak {
    padding: 1rem 3rem !important;
    letter-spacing: .1rem !important;
  }
  .mask-landing-title-mobile {
    display: none !important;
  }
  .mask-landing-title-mobile-smaller {
    display: block !important;
    line-height: 2 !important;
  }
  .mask-landing-title {
    font-size: 22px !important;
    letter-spacing: .1rem !important;
  }
  .covid-text {
    font-size: 16px !important;
    padding-bottom: 3rem !important;
  }
  #production {
    max-height: 3500px !important;
  }
}
@media (max-width: 500px){
  .thesis-intro-text {
    padding: 2rem 3rem 1rem !important;
  }
  .p-about {
    padding: 2rem .5rem !important;
  }
  .landing-h2-thesis {
    font-size: 34px !important;
    /*text-indent: -7.5rem !important;
    padding-left: 7.5rem !important;*/
  }
  .landing-h2-mask {
    font-size: 36px !important;
  }
  .thesis-container {

    background-position: right !important;
  }
  .thesis-container:hover {

    background-position: right !important;
  }
  .demo-test-now-text {
    padding-left: 8rem !important;
  }
  .personas-text {
    padding: 4rem 2rem 4rem 0 !important;
  }
  .personas-jamie-title {
    font-size: 20px !important;
  }
  .modal-icon-jamie {
    margin-right: 2rem !important;
  }
  .personas-jamie-modal-smaller {
    padding: 0 3rem 0 2rem !important;
  }
  .personas-jamie-modal-story-alt {
    padding-right: 4rem !important;
  }
  .personal-modal-last-section {
    padding-right: 4rem !important;
  }
  .ul-small-padding {
    padding: 1rem 2rem 3rem 2rem !important;
  }
  .lofi-stat-text {
    padding: 3rem 0 1rem !important;
  }
  .lofi-stat-extra {
    margin-left: 0 !important;
  }
  .dono-lofi-quotes-section-hide {
    display: block !important;
  }
  .dono-lofi-quotes-section {
    display: none !important;
  }
  .lofi-quote-500 {
    padding: 2rem 0 !important;
  }
  .lofi-quote-500-padding {
    padding-top: 0 !important;
  }
  .lofi-quote-500-button {
    margin-top: 3rem !important;
  }
  .midfi-stats-title {
    font-size: 18px !important;
  }
  .midfi-stats-title-500-hide {
    display: none;
  }
  .midfi-stats-title-500 {
    display: block !important;
  }
  .midfi-quotes-section-hide {
    display: block !important;
  }
  .midfi-quotes-section {
    display: none !important;
  }
  .midfi-quotes {
    padding: 0;
  }
  .midfi-quotes-mobile {
    padding: 0;
  }
  .midfi-quotes {
    padding: 2rem 0 !important;
  }
  .personas-jamie-500-hide {
    display: none !important;
  }
  .personas-jamie-500 {
    display: block !important;
  }
  .dono-takeaway-takeaway-section-mobile {
    padding-top: 6rem !important;
  }
  .scope-icons-2-2-left {
    padding-right: 0 !important;
  }
  .scope-icons-2-2-right {
    padding-left: 0 !important;
  }
}
@media (max-width: 450px) {
  .research-sticky-text {
    font-size: 14px !important;
    padding: 4rem 0 !important;
  }
  .research-sticky {
    min-height: 700px !important;
  }
  .research .sticky {
    padding: 0 4rem !important;
  }
  .ferning-text {
    font-size: 24px !important;
  }
  .techniques-used-text {
    font-size: 18px !important;
  }
  .about-title {
    font-size: 22px !important;
  }
  .bio {
    padding: 2rem 0 !important;
  }
  .bio-text {
    font-size: 22px !important;
    letter-spacing: .05rem !important;
    word-spacing: .05rem !important;
  }
  .thesis-text {
    padding: 6rem 2rem 0 4rem !important;
  }
  .landing-h2-thesis {
    font-size: 30px !important;
    /*text-indent: -7.5rem !important;
    padding-left: 7.5rem !important;*/
  }
  .landing-h2-mask {
    font-size: 32px !important;
    word-spacing: .5rem !important;
  }
  .dono-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/106.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .dono-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/106.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .thesis-text {
    opacity: 1 !important;
    color: #F2F2F2 !important;
  }
  .collections-text {
    opacity: 1 !important;
    color: #F2F2F2 !important;
  }
  .mask-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/108.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .mask-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/108.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .thesis-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.45)), url(../images/bgs/111.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: right !important;
  }
  .thesis-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.45)), url(../images/bgs/111.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: right !important;
  }
  .collections-1-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/131.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .collections-1-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/131.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .collections-2-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/132.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .collections-2-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/132.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .collections-3-container {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/133.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .collections-3-container:hover {
    background:linear-gradient(0deg, rgba(20, 20, 20, 0.65), rgba(20, 20, 20, 0.65)), url(../images/bgs/133.png) !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
  }
  .decadence-padding {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .decadence-btn {
    margin-right: 4rem !important;
  }
  .horus-padding {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .horus-btn {
    margin-right: 4rem !important;
  }
  .segment-padding {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .segment-btn {
    margin-right: 2.75rem !important;
  }
  .segment-btn-arrow {
    font-size: 26px !important;
  }
  .decadence-btn-arrow {
    font-size: 26px !important;
  }
  .horus-btn-arrow {
    font-size: 26px !important;
  }
  .thesis-btn-arrow {
    font-size: 26px !important;
  }
  .under-dono-p-author {
    padding-right: 2rem !important;
  }
  .demo-test-now-text {
    padding-left: 5rem !important;
  }
  .demo-test-now-title {
    font-size: 22px !important;
  }
  .demo-prototype {
    height: 684px !important;
  }
  .demo-prototype-dimensions {
    margin-top: -16px !important;
    width: 300px !important;
    height: 750px !important;
  }
  .dono-demo-500-padding {
    padding: 2rem 0 0 0 !important;
  }
  .dono-demo-problem-statement-500 {
    padding-top: 4rem;
  }
  .modal-icon-jamie {
    margin-right: 8rem !important;
  }
  .personas-jamie-modal-smaller {
    padding: 0 10rem 0 2rem !important;
  }
  .personas-jamie-modal-story-alt {
    padding-right: 8rem !important;
  }
  .affinity-title {
    font-size: 34px !important;
  }
  .lofi-title-smaller-font {
    font-size: 30px !important;
  }
  .lofi-search-sticky {
    min-height: 200px !important;
  }
  .lofi-quote-500-button {
    margin-top: 2rem !important;
  }
  .lofi-quotes {
    font-size: 20px !important;
  }
  .dono-midfi-title {
    font-size: 36px !important;
  }
  .hypothesis-list-padding {
    padding: 6rem 1rem 0 2rem !important;
    font-size: 15px !important;
    min-width: 200px;
  }
  .scope-title {
    font-size: 24px !important;
  }
  .painpoints-title {
    font-size: 26px !important;
  }
  .painpoints-text {
    font-size: 18px !important;
  }
  .scoring-styles {
    padding: 4rem 4rem 0 !important;
  }
  .ab-testing-score {
    font-size: 42px !important;
  }
  .ab-testing-score-middle {
    font-size: 60px !important;
  }
  .ab-testing-score-container {
    width: 200px !important;
    height: 200px !important;
  }
  .ab-testing-text {
    font-size: 18px !important;
  }
  .production-steps-text {
    font-size: 18px !important;
  }
  .production-user-icons {
    width: 160px !important;
    height: 160px !important;
    margin: 2rem 2rem 2rem;
  }
  .number-img {
    width: 60px !important;
  }
  #production {
    max-height: 3200px !important;
  }
}
/*@media (max-width: 412px) { 412 3T looks fine with 450 styling
  .testing-phone {
    display: block !important;
  }
}*/
@media (max-width: 375px) {
  .container {
    min-width: 360px !important;
  }
  .segment-btn {
    margin-right: 1rem !important;
  }
  .thesis-btn {
    margin-bottom: 6.75rem !important;
  }
  .segment-btn-arrow {
    font-size: 20px !important;
  }
  .decadence-btn-arrow {
    font-size: 20px !important;
  }
  .horus-btn-arrow {
    font-size: 20px !important;
  }
  .thesis-btn-arrow {
    font-size: 20px !important;
  }
  .thesis-intro-text {
    padding: 2rem 1rem 1rem !important;
  }
  .bio-text {
    font-size: 21px !important;
    letter-spacing: .02rem !important;
    word-spacing: .05rem !important;
  }
  .about-title {
    font-size: 20px !important;
    line-height: 4rem !important;
  }
  .landing-h2-mask {
    font-size: 30px !important;
  }
  .under-dono-title {
    font-size: 20px !important;
  }
  .under-dono-p-author {
    padding-top: 1rem !important;
  }
  .dono-landing-dono-title {
    font-size: 10rem !important;
  }
  .problem-statement-text {
    font-size: 23px !important;
  }
  .hypothesis-text {
    font-size: 23px !important;
  }
  .affinity-title {
    font-size: 32px !important;
    letter-spacing: .03rem !important;
  }
  .personas-text {
    padding: 4rem 0rem 4rem 0 !important;
  }
  .modal-icon-jamie {
    margin-right: 6rem !important;
  }
  .modal-icon-jamie {
    margin-right: 5rem !important;
  }
  .personas-jamie-title {
    font-size: 20px !important;
  }
  .personas-jamie-modal-smaller {
    padding: 0 6rem 0 2rem !important;
  }
  .personas-jamie-modal-story-alt {
    padding-right: 4rem !important;
  }
  .persona-modal-brief-jamie {
    font-size: 20px !important;
  }
  .persona-modal-brief-kennedy {
    font-size: 20px !important;
    padding: 0 2rem 2rem 1rem !important;
  }
  .personas-kennedy-title-mobile {
    font-size: 18px !important;
  }
  .btn-375-style {
    font-size: 17px !important;
    letter-spacing: .07rem !important;
  }
  .dono-define-title-mobile {
    font-size: 36px !important;
  }
  .lofi-title-smaller-font {
    font-size: 28px !important;
    letter-spacing: .05rem !important;
  }
  .mvp-mobile-font {
    font-size: 34px !important;
  }
  .h2-lofi-title {
    font-size: 34px !important;
  }
  .dono-midfi-title {
    font-size: 34px !important;
    letter-spacing: .05rem !important;
  }
  .takeaway-title-mobile-line-height {
    font-size: 36px !important;
  }
  .midfi-stat-title-small {
    font-size: 17px !important;
    letter-spacing: 0rem !important;
  }
  .midfi-stats-text-small {
    font-size: 15px !important;
  }
  .collaborate-title {
    font-size: 36px !important;
  }
  .mask-landing-title {
    font-size: 20px !important;
    letter-spacing: .1rem !important;
  }
  .hypothesis-list-padding {
    min-width: 0 !important;
    padding: 6rem 1rem 0 !important;
    font-size: 14px !important;
  }
  .hypothesis-list-padding-smaller {
    min-width: 200px !important;
  }
  .scope-title {
    letter-spacing: .1rem !important;
  }
  .scope-icon {
    width: 160px !important;
    height: 94px !important;
  }
  .scope-icons-2-2 {
    min-width: 180px;
  }
  .ab-testing-caption-title {
    font-size: 22px !important;
  }
  .production-user-icons {
    width: 150px !important;
    height: 150px !important;
    margin: 2rem 1rem 2rem;
  }
  .ab-testing-title {
    font-size: 24px !important;
  }
  #production {
    max-height: 3300px !important;
  }
}
@media (max-width: 360px){
  .hover-bg .hover-text {
      padding: 22% 10%;
  }
}