/* iPhone 5 */
@media only screen and (max-width : 320px) {
  .mobile-view h2.issue-titles {
    top: 50%;
    transform: translateY(-50%);
  }
  h1.comparison-issue-title {
    color: white;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.05em;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 35px !important;
    z-index: 3;
  }
  .candidate-issue-quotes-wrapper {
    margin-bottom: 20px;
    min-height: 170px !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  .mobile-view .c-menu a.site-logo {
    right: 0;
  }
  .mobile-view.candidate-on-issue .candidate-extra-details {
    display: none;
  }
  .mobile-view .issues-text-display {
    bottom: 26%;
  }
  /* candidate profile page */
  .mobile-view .issues-item .issues-item-title {
    width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobile-view .candidate-social-links {
    display: none;
  }

  .mobile-view .toggle-title {
    margin-top: 10px;
  }

  .mobile-view .headeline-section {
    margin-bottom: 30px;
  }

  .mobile-view h1.main-title {
    margin-top: 25px;
    font-size: 40px;
  }

  .mobile-view .issues-item .issues-item-title h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.099em;
    margin: 0;
    padding: 0;
    line-height: 24px;
  }

  .mobile-view .toggle-title .divider-title {
    font-size: 25px;
  }

  .mobile-view .issue-learnmore-wrapper {

  }

  .mobile-view .top-bar {
    height: 30px;
  }

  .mobile-view .main-container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-view .main-content {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    z-index: 26;

  }

  .mobile-view .homepage-hero-title {
    font-size: 29px;
  }

  .mobile-view .nav.navbar-candidates,
  .mobile-view .nav.navbar-topics {
    margin: 0;
    padding-left: 30px;
    padding-top: 7.5px;
  }

  .mobile-view .main-content p {
    font-size: 20px;
    width: 100%;
    padding-right: 15px;
  }
  
  .mobile-view .issue-summary-text,
  .mobile-view .issue-detail-text {
    padding: 0 10px !important;
  }
  
  .mobile-view .issue-summary-text p,
  .mobile-view .issue-detail-text p {
    padding-right: 0;
  }

  .mobile-view.candidate-profile .main-content p {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-view .main-content .subissue-title {
    font-size: 32px;
    padding-left: 15px;
  }

  .mobile-view .subissue-item p {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .issue-learnmore-wrapper {
    overflow: hidden;
  }

  .mobile-view .issue-learnmore {
    bottom: 100px;
  }

  .mobile-view .issue-learnmore h2 {
    font-size: 32px;
    line-height: 32px;
  }

  .mobile-view .issue-learnmore a {
    font-size: 15px;
    width: 49%;
  }

  .mobile-view .issue-learnmore-wrapper img {
    width: auto;
    overflow-x: hidden;
    height: 326px;
  }

  .mobile-view .candidate-column {
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 12px;
    z-index: 26;
  }

  .mobile-view .subissue-item:last-child {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .mobile-view .candidate-views-card img {
    height: 70%;
    width: 70%;
  }

  .mobile-view .candidate-views-card {
    border-left: none;
    border-right: none;
  }

  .mobile-view h2.issue-titles {
    bottom: 0;
  }

  .mobile-view h2.issue-titles sub {
    font-size: 18px;
  }

  .mobile-view h2.issue-titles span {
    font-size: 34px;
  }

  .mobile-view .social-links-title a {
    position: relative;
    left: 20px;
    top: 5px;
  }

  .mobile-view .countdown-wrapper {
    height: 30px;
    line-height: 30px;
  }

  .mobile-view .countdown-wrapper #countdown-timer {
    font-size: 12px;
  }

  .mobile-view .site-header {
    min-height: 60px;
  }

  .mobile-view .countdown-wrapper {
    float: none !important;
    text-align: center !important;
  }

  .mobile-view .navigation-wrapper {
    height: auto;
  }

  .mobile-view .navigation-wrapper .nav-candidates-wrapper {
    height: 42px;
    padding: 10px 0;
  }

  .mobile-view .navigation-wrapper .nav-topics-wrapper {
    border-left: none;
    height: 42px;
    padding: 10px 0;
  }

  .mobile-view .candidate-image img {
    height: auto;
    width: 82%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .candidate-name {
    font-size: 40px;
  }

  .mobile-view ul.social-links {
    margin-left: 0;
    padding-left: 0;
  }

  .mobile-view .social-links-rightside {
    padding-left: 0;
  }

  /* Footer */

  .mobile-view .footer-wrapper {
    height: auto;
  }

  .mobile-view .footer-left {
    left: 0;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mobile-view .footer-right {
    border-left: none;
    height: 270px;
    padding-left: 0;
    right: 0;
  }

  .mobile-view .footer-right-top,
  .mobile-view .footer-right-bottom {
    padding-left: 0;
  }

  .mobile-view .footer-right-top {
    border-top: 1px solid #98605c;
    height: 140px;
  }

  .mobile-view .footer-left-bottom {
    padding-bottom: 20px;
  }

  .mobile-view .footer-right-bottom p.copyright {
    padding-bottom: 0;
  }

  /* Quote Carousel */
  .mobile-view #quote-carousel blockquote p {
    font-size: 15px;
    line-height: inherit;
    padding: 0;
  }

  .mobile-view #quote-carousel .quote-bottom {
    height: 15px;
  }
  
  #quote-carousel .quote-bottom .quote-share {
    margin-bottom: 5px;
  }

  .mobile-view .carousel-indicators {
    bottom: 8px;
    margin-bottom: 0;
  }

  .mobile-view #quote-carousel .carousel-caption {
    bottom: 0.1em;
    left: 9.95%;
    padding-bottom: 0px;
    right: 9.95%;
  }

  .mobile-view #quote-carousel blockquote:before, 
  .mobile-view #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 15px;
    position: relative;
    top: 0px;
    left: 0;
  }

  .mobile-view #quote-carousel blockquote:after {
    left: 0;
  }

  .mobile-view #quote-carousel p.carousel-quote-src {
    font-size: 12px;
    padding: 0;
  }

  .mobile-view #quote-carousel .carousel-control.left img {
    left: 15%;
  }

  .mobile-view #quote-carousel .carousel-control.right img {
    right: 15%;
  }

  .mobile-view #quote-carousel ul.quote-share li a img {
    width: 20px;
    padding-bottom: 15px;
  }

  /* related issues */
  .mobile-view .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 70px;
    padding-left: 5%;
    padding-right: 5%;
  }

  /* home page */
  .mobile-view .homepage-hero-wrapper {
    overflow: hidden;
  }

  .mobile-view .homepage-hero-wrapper img {
    margin: 0 auto;
    max-width: 200%;
    position: relative;
    left: -50%;
    min-height: auto;
    width: 200%;
  }

  .mobile-view .split-section-wrapper {
    min-height: 285px;
  }

  .mobile-view .homepage-hero-wrapper .container.container-hero-homepage {
    z-index: 25;
  }

  .mobile-view .split-section.left-section {
    min-height: inherit;
  }

  .mobile-view .split-section.right-section {
    min-height: 340px;
  }

  .mobile-view .signup-form {
    width: 326px;
  }

  .mobile-view .split-section-title {
    margin-top: 0;
    padding-top: 25px;
  }

  .mobile-view .container.container-split-section:first-child {
    padding-left: 0;
  }

  .mobile-view .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .mobile-view .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .mobile-view .in-the-news-item {
    margin-bottom: 10px;
  }

  .mobile-view .in-the-news-text a .in-the-news-item-headline {
    font-size: 22px;
    margin-top: 4px;
    border-width: 1px;
    line-height: 33px;
    border-top: 0;
    border-bottom: 1px solid #5e172d;
  }

  .mobile-view .in-the-news-thumbnail img {
    border: 3px solid #5e172d;
    opacity: 1;
    width: 58%;
    margin: 0 auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .mobile-view .in-the-news-text a.in-the-news-item-link {
    font-size: 18px;
    text-align: center;
    display: block;
    min-width: 237px;
  }

  .mobile-view .signup-email.signup-home {
    padding: 15px;
  }

  /* main issue page */
  .mobile-view .container-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-view .hero-video .issue-video-media {
    background-size: 100%;
    width: 44px;
    height: 44px;
    top: 30%;
  }

  .mobile-view .container-hero .hero-issue-title {
    bottom: 25px;
    left: 15px;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .mobile-view .container-hero .hero-issue-sub-title {
    position: absolute;
    bottom: -5px;
    left: 15px;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 0.09em;
  }

  .mobile-view .issue-column {
    display: none;
  }

  .mobile-view .issue-summary-header {
    font-size: 22px;
    padding-left: 15px;
  }

  .mobile-view .issue-share-buttons {
    display: none;
  }

  .mobile-view .issue-subsection h3 {
    font-size: 22px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .backgrounders-item {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
    max-width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .backgrounders-item img {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    height: 122px;
    background-size: cover;
  }

  .mobile-view .backgrounders-item .backgrounder-title {
    position: absolute;
    bottom: 15px;
    color: #fff;
    font-family: 'HAAR';
    font-size: 24px;
    left: 30px;
    width: 85%;
  }

  .mobile-view .video-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .issue-subsection .issue-video-media {
    background-size: 100%;
    width: 50px;
    height: 50px;
    top: 25%;
  }

  .mobile-view .issue-video-caption, 
  .mobile-view a .issue-video-caption {
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .issue-subsection h5 {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .alert-info.fade.in {
    display: none;
  }

  .mobile-view .carousel-related-topics-wrapper {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .mobile-view .carousel-related-topics-wrapper .carousel-inner>.item>img,
  .mobile-view .carousel-related-topics-wrapper .carousel-inner>.item>img a img{
    min-height: 320px;
  }

  .mobile-view .related-topics-item {
    background-color: silver;
    height: 310px;
    overflow: hidden;
  }

  .mobile-view img.related-topics-bg {
    height: 310px;
    background-size: contain;
    left: -100%;
    max-width: 300%;
  }

  .mobile-view .carousel-related-topics-wrapper .related-topics-prev, 
  .mobile-view .carousel-related-topics-wrapper .related-topics-next {
    position: absolute;
    bottom: 45%;
  }

  .mobile-view .carousel-related-topics-wrapper .related-topics-prev {
    left: 5%;
  }

  .mobile-view .carousel-related-topics-wrapper .related-topics-next {
    right: 0%;
  }

  .mobile-view .carousel-related-topics-wrapper .related-topics-prev img, 
  .mobile-view .carousel-related-topics-wrapper .related-topics-next img {
    background-size: contain;
    width: 50%;
    height: auto;
  }

  .mobile-view .carousel-related-topics-wrapper .related-items-text-wrapper {
    position: absolute;
    bottom: 15%;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
  }

  .mobile-view .carousel-related-topics-wrapper h4.related-topics-subtitle {
    font-family: 'HAARI';
    font-size: 18px;
  }

  .mobile-view .carousel-related-topics-wrapper h2.related-topics-title {
    text-transform: uppercase;
    font-size: 23px;
  }

  .mobile-view .carousel-related-topics-wrapper a.btn.btn-overlay.btn-related-topics {
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 0;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 20px;
  }

  .mobile-view .signup-issues {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-view .signup-issues .signup-title {
    font-size: 35px;
    margin-top: 0;
    text-transform: uppercase;
    word-spacing: 8px;
  }

  .mobile-view.issues-landing .signup-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .mobile-view.issues-landing .signup-form .input-group .form-control {
    font-size: 16px;
    padding: 14px;
  }
  
  .issues-item {
    position: initial;
  }
  
  .issues-item-text {
    bottom: 20px;
  }
  
  .issues-item-wrapper {
    width: 100%;
    position: relative;
  }

  .mobile-view .other-candidates-perspective-mobile-carousel .candidate-views-card img {
    height: auto;
    width: 70%;
    min-width: 70%;
  }

  .mobile-view .candidate-views-name {
    font-size: 29px;
  }

  .mobile-view .candidate-views-title {
    font-size: 31px;
  }

  .comparison-container-hero {
    max-height: 220px;
  }
  h1.comparison-issue-title {
    color: white;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.05em;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
    z-index: 3;
  }
  .comparison-image {
    max-width: 100%;
    min-height: 130px;
  }
  a.candidate-stance {
    color: #4A4A52;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.05em;
    margin-left: 30px;
    margin-bottom: 15px;
  }
  
  body.issues-landing .signup-issues {
    padding-top: 20px;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 176, 153, 1)), color-stop(100%, rgba(203, 176, 153, 0)));
    background: -webkit-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
    background: -o-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
    background: -ms-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
    background: linear-gradient(to bottom, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cbb099', endColorstr='#00cbb099', GradientType=0);
    background-color: #fff;
  }

  p.timeline-item {
    font-size: 18px;
    padding-bottom: 15px;
  }
  .comparison-image-gradient {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
  }
  .main-comparison-content {
    padding-bottom: 10px !important;
  }
  .comparison-sub {
    z-index: 2;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    position: absolute;
    top: 105px;
  }
  .comparison-sub ul li {
    display: inline;
    font-size: 20px;
  }
  .comparison-sub ul li a{
    color: white;
    padding-left: 15px;
  }
  .candidate-name:after {
    background: none;
    width: 0px;
    height: 0px;
  }
  .candidate-name {
    text-align: center;
    font-size: 30px;
  }
  .mobile-view .candidate-title {
    font-size: 20px;
    text-align: center;
  }
  .candidate-column {
    background-color: #A6C4DE;
  }
  .mobile-view .main-content {
    background-color: #DEE8F1;
  }
  .main-comparison-content div.headeline-section {
    padding-left: 30px;
  }
  .mobile-view .candidate-title:after {
    content: "";
    background: transparent url(../img/arrow-stance-right.png) center center no-repeat;
    vertical-align: -12%;
    display: inline-block;
    height: 19px;
    width: 19px;
  }
  .candidate-issue-quotes-wrapper {
    min-height: 220px;
  }

  .container-hero div#hero-issue-video-play-button{
    display: block;
  }
}/* End iPhone Retinas */

/* iPhone 6 */ 
@media only screen and (min-width : 375px) {
  .mobile-view .site-header {
    min-height: 75px;
  }

  .mobile-view .homepage-hero-title {
    font-size: 33px;
  }

  .mobile-view .split-section.right-section {
    min-height: 315px;
  }

  .mobile-view .nav.navbar-candidates,
  .mobile-view .nav.navbar-topics {
    margin: 0;
    padding-left: 30px;
    padding-top: 7.5px;
  }

  .mobile-view h2.issue-titles {
    bottom: 0;
  }

  .mobile-view h2.issue-titles sub {
    font-size: 18px;
  }

  .mobile-view h2.issue-titles span {
    font-size: 34px;
  }

  .mobile-view .candidate-views-card {
    border-left: none;
    border-right: none;
  }

  .mobile-view .footer-left {
    left: 0;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mobile-view .footer-left-bottom {
    padding-bottom: 20px;
  }

  /* Quote Carousel */
  .mobile-view #quote-carousel blockquote p {
    font-size: 16px;
    line-height: 16px;
    padding: 0;
  }

  #quote-carousel .quote-bottom {
    height: 30px;
  }
  
  #quote-carousel .quote-bottom .quote-share {
    margin-bottom: 5px;
  }

  .mobile-view .carousel-indicators {
    bottom: 10px;
  }

  .mobile-view #quote-carousel .carousel-caption {
    padding-bottom: 10px;
    bottom: 0.5em;
  }
  
  .mobile-view #quote-carousel .quote-bottom {
    height: 10px;
  }

  .mobile-view #quote-carousel blockquote:before, 
  .mobile-view #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 18px;
    position: relative;
    top: 0px;
    left: -1px;
  }

  .mobile-view #quote-carousel p.carousel-quote-src {
    font-size: 13px;
  }

  .mobile-view #quote-carousel .carousel-control.left img {
    left: 15%;
  }

  .mobile-view #quote-carousel .carousel-control.right img {
    right: 15%;
  }

  .mobile-view #quote-carousel ul.quote-share li a img {
    width: 70%;
  }

  /* related issues */
  .mobile-view .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 90px;
  }

  /* home page */
  .mobile-view .split-section-wrapper {
    min-height: 285px;
  }

  .mobile-view .split-section.right-section {
    min-height: 340px;
  }

  .mobile-view .signup-form {
    width: 388px;
  }

  .mobile-view .homepage-hero-wrapper .container.container-hero-homepage {
    z-index: 25;
  }

  .mobile-view .split-section.left-section {
    min-height: inherit;
  }

  .mobile-view .split-section-title {
    margin-top: 0;
    padding-top: 25px;
  }

  .mobile-view .container.container-split-section:first-child {
    padding-left: 0;
  }

  .mobile-view .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .mobile-view .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .mobile-view .in-the-news-item {
    margin-bottom: 10px;
  }

  .mobile-view .in-the-news-text a .in-the-news-item-headline {
    font-size: 28px;
    margin-top: 4px;
    border-width: 1px;
    line-height: 40px;
    border-top: 0;
    border-bottom: 1px solid #5e172d;
  }

  .mobile-view .in-the-news-thumbnail img {
    border: 3px solid #5e172d;
    opacity: 1;
    width: 58%;
    margin: 0 auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .mobile-view .in-the-news-text a.in-the-news-item-link {
    font-size: 22px;
    text-align: center;
    display: block;
  }

  .mobile-view .signup-email.signup-home {
    padding: 15px;
  }
  
  .issues-item {
    position: initial;
  }

  .issues-item-text {
    bottom: 20px;
  }

  .issues-item-wrapper {
    width: 100%;
    position: relative;
  }
  .comparison-sub {
    top: 120px;
  }
}/*End iPhone 6 */

/* iPhone 6 Plus */ 
@media only screen and (min-width : 414px) {
  .mobile-view .site-header {
    min-height: 85px;
  }

  .mobile-view .homepage-hero-title {
    font-size: 32px;
  }

  .mobile-view .nav.navbar-candidates,
  .mobile-view .nav.navbar-topics {
    margin: 0;
    padding-left: 30px;
    padding-top: 7.5px;
  }

  .mobile-view h2.issue-titles {
    bottom: 0;
  }

  .mobile-view h2.issue-titles sub {
    font-size: 18px;
  }

  .mobile-view h2.issue-titles span {
    font-size: 34px;
  }

  .mobile-view .candidate-views-card {
    border-left: none;
    border-right: none;
  }

  .mobile-view .footer-left {
    left: 0;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mobile-view .footer-left-bottom {
    padding-bottom: 20px;
  }

  /* Quote Carousel */
  .mobile-view #quote-carousel blockquote p {
    font-size: 16.5px;
    line-height: 16.5px;
  }

  #quote-carousel .quote-bottom {
    height: 30px;
  }
  
  #quote-carousel .quote-bottom .quote-share {
    margin-bottom: 5px;
  }

  .mobile-view .carousel-indicators {
    bottom: 10px;
  }

  .mobile-view #quote-carousel blockquote:before, 
  .mobile-view #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 16.5px;
    position: relative;
    top: 0px;
    left: -1px;
  }

  .mobile-view #quote-carousel p.carousel-quote-src {
    font-size: 13px;
  }

  .mobile-view #quote-carousel .carousel-control.left img {
    left: 15%;
  }

  .mobile-view #quote-carousel .carousel-control.right img {
    right: 15%;
  }

  .mobile-view #quote-carousel ul.quote-share li a img {
    width: 60%;
    height: auto;
  }

  .mobile-view .carousel-caption {
    padding-bottom: 15px !important;
    bottom: 60px;
  }

  .mobile-view #quote-carousel .carousel-indicators {
    bottom: 10px;
  }

  /* Candidate Issue Page */
  .mobile-view .issues-item .issues-item-title h3 {
    color: #fff;
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 0.099em;
    margin: 0;
    padding: 0;
    line-height: 34px;
  }

  /* related issues */
  .mobile-view .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 50px;
  }

  /* home page */
  .mobile-view .split-section-wrapper {
    min-height: 285px;
  }

  .mobile-view .split-section.right-section {
    min-height: 315px;
  }

  .mobile-view .signup-form {
    width: 430px;
  }

  .mobile-view .homepage-hero-wrapper .container.container-hero-homepage {
    z-index: 25;
  }

  .mobile-view .split-section.left-section {
    min-height: inherit;
  }

  .mobile-view .split-section-title {
    margin-top: 0;
    padding-top: 25px;
  }

  .mobile-view .container.container-split-section:first-child {
    padding-left: 0;
  }

  .mobile-view .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .mobile-view .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .mobile-view .in-the-news-item {
    margin-bottom: 10px;
  }

  .mobile-view .in-the-news-text a .in-the-news-item-headline {
    font-size: 28px;
    margin-top: 4px;
    border-width: 1px;
    line-height: 40px;
    border-top: 0;
    border-bottom: 1px solid #5e172d;
  }

  .mobile-view .in-the-news-thumbnail img {
    border: 3px solid #5e172d;
    opacity: 1;
    width: 58%;
    margin: 0 auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .mobile-view .in-the-news-text a.in-the-news-item-link {
    font-size: 18px;
    text-align: center;
    display: block;
  }

  .mobile-view .signup-email.signup-home {
    padding: 15px;
  }

  .issues-item {
    position: relative;
  }

  .issues-item-text {
    bottom: -20px;
  }
  
}
/* End iPhone 6Plus */

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .mobile-view .site-header {
    min-height: 100px;
  }

  .mobile-view .main-container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-view .main-content {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-view .countdown-wrapper #countdown-timer {
    font-size: 12px;
  }

  .mobile-view .homepage-hero-title {
    font-size: 32px;
  }

  .mobile-view .nav.navbar-candidates,
  .mobile-view .nav.navbar-topics {
    margin: 0;
    padding-left: 30px;
    padding-top: 7.5px;
  }

  .mobile-view h2.issue-titles {
    bottom: 0;
  }

  .mobile-view h2.issue-titles sub {
    font-size: 18px;
  }

  .mobile-view h2.issue-titles span {
    font-size: 34px;
  }

  .mobile-view .countdown-wrapper {
    float: none !important;
    text-align: center !important;
  }

  .mobile-view .navigation-wrapper {
    height: auto;
  }

  .mobile-view .navigation-wrapper .nav-candidates-wrapper {
    height: 42px;
    padding: 10px 0;
  }

  .mobile-view .navigation-wrapper .nav-topics-wrapper {
    border-left: none;
    height: 42px;
    padding: 10px 0;
  }

  .mobile-view .candidate-image img {
    height: auto;
    width: 70%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .mobile-view ul.social-links {
    margin-left: 0;
    padding-left: 0;
  }

  .mobile-view .social-links-rightside {
    padding-left: 0;
  }

  .mobile-view .footer-wrapper {
    height: auto;
  }

  .mobile-view .footer-left {
    left: 0;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mobile-view .footer-right {
    border-left: none;
    height: 270px;
    padding-left: 0;
    right: 0;
  }

  .mobile-view .footer-right-top,
  .mobile-view .footer-right-bottom {
    padding-left: 0;
  }

  .mobile-view .footer-right-top {
    border-top: 1px solid #fff;
    height: 140px;
  }

  .mobile-view .footer-left-bottom {
    padding-bottom: 20px;
  }

  .mobile-view .footer-right-bottom p.copyright {
    padding-bottom: 0;
  }

  /* Quote Carousel */
  .mobile-view #quote-carousel blockquote p {
    font-size: 22px;
    line-height: 22px;
  }

  #quote-carousel .quote-bottom {
    height: 30px;
  }

  #quote-carousel .quote-bottom .quote-share {
    margin-bottom: 5px;
  }

  .mobile-view .carousel-indicators {
    bottom: 10px;
  }

  .mobile-view #quote-carousel blockquote:before, 
  .mobile-view #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 22px;
    position: relative;
    top: 0px;
    left: -1px;
  }

  .mobile-view #quote-carousel p.carousel-quote-src {
    font-size: 16px;
  }

  .mobile-view #quote-carousel .carousel-control.left img {
    left: 15%;
  }

  .mobile-view #quote-carousel .carousel-control.right img {
    right: 15%;
  }

  .mobile-view #quote-carousel ul.quote-share li a img {

  }

  /* related issues */
  .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 130px;
  }

  /* home page */
  .mobile-view .split-section-wrapper {
    min-height: 285px;
  }

  .mobile-view .split-section.right-section {
    min-height: 315px;
  }

  .mobile-view .signup-form {
    width: 430px;
  }

  .mobile-view .homepage-hero-wrapper .container.container-hero-homepage {
    z-index: 25;
  }

  .mobile-view .split-section.left-section {
    min-height: inherit;
  }

  .mobile-view .split-section-title {
    margin-top: 0;
    padding-top: 25px;
  }

  .mobile-view .container.container-split-section:first-child {
    padding-left: 0;
  }

  .mobile-view .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .mobile-view .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .mobile-view .in-the-news-item {
    margin-bottom: 10px;
  }

  .mobile-view .in-the-news-text a .in-the-news-item-headline {
    font-size: 28px;
    margin-top: 4px;
    border-width: 1px;
    line-height: 40px;
    border-top: 0;
    border-bottom: 1px solid #5e172d;
  }

  .mobile-view .in-the-news-thumbnail img {
    border: 3px solid #5e172d;
    opacity: 1;
    width: 58%;
    margin: 0 auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .mobile-view .in-the-news-text a.in-the-news-item-link {
    font-size: 22px;
    text-align: center;
    display: block;
  }

  .mobile-view .signup-email.signup-home {
    padding: 15px;
  }

  .issues-item {
    position: initial;
  }

  .issues-item-text {
    bottom: 20px;
  }
  
  .issues-item-wrapper {
    width: 100%;
    position: relative;
  }
  .candidate-issue-quotes-wrapper {
    min-height: 350px;
  }
}
/* END Generic small devices/phones */

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .main-container {
    padding-left: 0;
    padding-right: 0;
  }

  .issue-learnmore-wrapper {
    z-index: 15;
  }

  .issue-learnmore {
    bottom: 40px;
  }

  .homepage-navigation {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .navbar-candidates>li.dropdown>a>.caret {
    top: -6px;
    background-size: 50%;
    background-repeat: no-repeat;
    left: 21%;
  }

  .navbar-topics>li.dropdown>a>.caret {
    top: -6px;
    background-size: 60%;
    background-repeat: no-repeat;
    left: 362px;
  }

  .navbar-candidates>li.dropdown.open>a>.caret, 
  .navbar-topics>li.dropdown.open>a>.caret,
  .navbar-comparison>li.dropdown.open>a>.caret {
    background: url("../img/arrow-navigation-up.png") transparent 0 0;
    background-size: 60%;
    background-repeat: no-repeat;
  }

  .toggle-arrow {
    content: "";
    background: transparent url(../img/arrow-navigation-down-white.png) no-repeat center center;
    width: 49px;
    height: 49px;
    margin: 30px auto 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
  }

  .site-header {
    min-height: 125px;
  }

  .countdown-wrapper #countdown-timer {
    font-size: 18px;
  }

  .homepage-hero-wrapper .container.container-hero-homepage {
  }

  .navbar-home .container.container-navbar,
  .navbar-home.navbar-candidates-topics {
    height: 101px !important;
  }

  .homepage-menu-parent {
    font-size: 24px;
    margin-top: 0;
  }

  .homepage-hero-title {
    font-size: 31px;
  }
  
  h3#toggle-issue-menu span strong:before{
    content:"\A"; 
    white-space:pre;
  }

  .navbar-home .navbar-candidates>li.dropdown>a>.caret, 
  .navbar-home .navbar-topics>li.dropdown>a>.caret, 
  .navbar-home .navbar-comparison>li.dropdown>a>.caret, 
  .navbar-home .navbar-candidates>li.dropdown.open>a>.caret, 
  .navbar-home .navbar-topics>li.dropdown.open>a>.caret,
  .navbar-home .navbar-comparison>li.dropdown.open>a>.caret {
    top: 0;
    background-position: center 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 25px;
  }

  .navbar-home .navbar-candidates>li.dropdown>a>.caret:hover, 
  .navbar-home .navbar-topics>li.dropdown>a>.caret:hover, 
  .navbar-home .navbar-candidates>li.dropdown.open>a>.caret:hover, 
  .navbar-home .navbar-topics>li.dropdown.open>a>.caret:hover {

  }

  .split-section-wrapper {
    min-height: 265px;
  }

  .split-section.left-section {
    padding-left: 15px;
    min-height: 380px;
  }

  .split-section.right-section {
    padding-right: 15px;
  }

  .split-section-title {
    margin-top: 0;
    padding-top: 20px;
  }

  .subissue-wrapper {
    padding-left: 0;
  }

  .topic-item .topic-name {
    font-size: 30px;
    line-height: 30px;
  }

  .topic-item .topic-name-arrow img {
    top: 100px;
  }

  .candidate-menu-name {
    font-size: 22px;
    line-height: 22px;
  }

  .nav.navbar-candidates,
  .nav.navbar-topics {
    margin: 0;
  }

  .nav.navbar-candidates {
    padding-left: 0;
    padding-right: 0;
  }

  .nav.navbar-topics {
    padding-left: 30px;
  }

  .main-content p {
    font-size: 18px;
    width: 100%;
  }

  .issue-learnmore h2 {
    font-size: 38px;
    line-height: 38px;
  }

  .issue-learnmore a {
    font-size: 20px;
    width: 25%;
  }

  h2.issue-titles {
    bottom: 15px;
  }

  h2.issue-titles sub {
    font-size: 24px;
  }

  h2.issue-titles span {
    font-size: 48px;
  }

  .main-content .subissue-title {
    font-size: 48px;
  }

  .candidate-views-card img {

  }

  .mobile-view .candidate-image img {
    margin-top: 30px;
    margin-bottom: 35px;
  }

  .candidate-views-wrapper {
    max-height: 500px;
    padding-left: 0;
    padding-right: 0;
    z-index: 15;
  }

  .countdown-wrapper {
    float: right !important;
    text-align: left !important;
  }

  .navigation-wrapper {
    height: auto;
  }

  .navigation-wrapper .nav-candidates-wrapper {
    height: 42px;
    padding: 10px 0;
  }

  .navigation-wrapper .nav-topics-wrapper {
    border-left: none;
    height: 42px;
    padding: 10px 0;
  }

  .info-title {
    font-size: 18px;
  }

  h1.main-title {
    font-size: 38px;
    letter-spacing: normal;
    word-spacing: 0.2em;
  }

  ul.social-links {
    margin-left: 0;
    padding-left: 0;
  }

  .social-links-leftside img {

  }


  .social-links-rightside {
    padding-left: 0;
  }

  .footer-wrapper {
    min-height: 610px;
  }

  .footer-right {
    border-left: none;
    max-height: 230px;
    padding-left: 0;
    right: 0;
  }

  .footer-right-top,
  .footer-right-bottom {
    padding-left: 0;
  }

  .footer-right-top {
    border-top: 1px solid #98605c;
    height: 140px;
  }

  .footer-right-bottom p.copyright {
    border-top: 1px solid #98605c;
    padding-bottom: 0;
  }

  .footer-right-middle {
    border-bottom: none;
    padding-left: 0;
  }

  /* candidate sidebar */
  .candidate-info.fixed {
    width: 29.25%;
    height: auto;
  }

  .candidate-extra-details.fixed {
    width: 89.5%;
    top: 400px;
  }

  .candidate-column {
    padding-left: 15px;
    z-index: 13;
  }

  .main-content {
    z-index: 13;
    padding-left: 0;
    padding-right: 0;
  }

  .candidate-name {
    font-size: 32px;
  }

  .candidate-name:after {
    background-size: 55%;
    bottom: -7px;
    right: -6%;
  }

  .candidate-info.fixed .candidate-name:after {
    bottom: 0;
    right: 0;
  }

  .candidate-image img {
    height: auto;
    width: 95%;
  }

  .candidate-title {
    font-size: 17.2px;
  }

  .candidate-social-links ul.social-links {
    position: relative;
    top: -4px;
    left: 5px;
  }

  .candidate-social-links-alt ul.social-links {
    position: relative;
    top: -2px;
    left: 0;
  }

  .candidate-social-links .social-link, 
  .candidate-social-links-alt .social-link {
    height: 28px;
    margin-right: 8px;
    width: 28px;
  }

  .candidate-social-links .social-link i,
  .candidate-social-links-alt .social-link i {
    font-size: 18px;
    height: 28px;
    line-height: 18px;
    width: 28px;
    top: 5px;
  }

  .social-links-title a {
    position: relative;
    left: 20px;
    top: 4px;
    font-size: 18px;
  }

  .candidate-social-links .social-link-email.social-link i {
    font-size: 17px;
    top: 3px;
  }

  .candidate-column .social-links-leftside img {
    width: 33px;
    height: auto;
  }


  .candidate-column .social-links-rightside {
    padding-left: 0;
  }

  .candidate-column .candidate-social-links-alt .social-links-rightside {
    left: -10px;
  }

  .candidate-column .candidate-social-links-alt .social-links-rightside .social-links-title a {
    font-size: 17px;
  }

  .candidate-column p.timeline-item {
    font-size: 15px;
    padding-bottom: 10px;
  }

  h1.divider-title {
    font-size: 22px;
  }

  .issues-section {
    padding-left: 10px;
    padding-right: 0;
  }

  /* Quote Carousel */
  #quote-carousel .carousel-caption {
    bottom: 0px;
  }
  
  #quote-carousel blockquote p {
    font-size: 22px;
    line-height: 22px;
  }

  #quote-carousel blockquote:before, 
  #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 22px;
    line-height: 22px;
    position: relative;
    top: 0px;
    left: -1px;
  }

  #quote-carousel p.carousel-quote-src {
    font-size: 16px;
  }

  #quote-carousel .carousel-control.left img {
    left: 15%;
  }

  #quote-carousel .carousel-control.right img {
    right: 15%;
  }

  #quote-carousel ul.quote-share li a img {

  }

  /* Related Profiles */
  .related-profiles-desc p, 
  .related-profiles-desc p a, 
  .related-profiles-desc p a:hover {
    font-size: 20px;
  }

  /* Issues Page ***/
  body.issues-landing .container-hero,
  body.issues-landing .main-container,
  body.issues-landing .container-hero,
  body.issues-landing .main-container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  body.issues-landing .container-hero img {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  body.issues-landing .main-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  body.candidate-on-issue .issue-detail-text p {
    padding-left: 15px;
  }

  body.candidate-on-issue .issue-detail-text p:last-child {
    margin-bottom: 40px;
  }

  body.candidate-on-issue .issue-detail-text p>p.ng-binding {
    padding-left: 0;
  }

  .carousel-related-topics-wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  body.issues-landing .issue-share-buttons .social-link {
    background-color: #7a6b61;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    width: 24px;
  }

  body.issues-landing .backgrounders-item {
    height: 119px;
  }

  .issue-share-buttons .social-link i {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 16px;
    text-align: center;
    width: 24px;
    position: relative;
    top: 5px;
  }

  body.issues-landing .issue-sidebar-title {
    font-size: 15.75px;
  }

  .backgrounders-item .backgrounder-title {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-family: 'HAAR';
    font-size: 2em;
    left: 20px;
    width: 75%;
  }

  /* home page */
  .split-section-wrapper {
    min-height: 385px;
  }

  .split-section-title {
    margin-top: 0;
    padding-top: 60px;
  }

  .container.container-split-section:first-child {
    padding-left: 0;
  }

  .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .signup-btn.btn-signup-home {
    margin-top: 0;
    padding: 28px 0;
    top: 0;
  }

  /* related issues */
  .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 63px;
  }

  .issues-item .issues-item-title h3 {
    font-size: 26px;
    line-height: 26px;
  }

  .issues-text-display {
    bottom: 15%;
  }

  .issues-item {
    position: relative;
  }

  .issues-item-text {
    bottom: -20px;
  }

  .navbar-nav>li {
    max-height: 65px;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .other-candidates-perspective-mobile-carousel .candidate-views-card img {
    min-width: 35%;
    max-width: 40%;
  }

  .comparison-sub {
    top: 98px;
    padding-right: 45px;
  }

  .candidate-comparison-column {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  .main-comparison-content {
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
  }
  .comparison-candidate-main-container {
    border-bottom: 3px solid #cacfd4;
    display: flex;
  }
  .comparison-container-hero {
    max-height: 130px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 9px;
    padding-right: 9px;
  }
  h1.comparison-issue-title {
    color: white;
    font-size: 42px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.05em;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
  }
  .blue-button {
    font: 25px/50px 'Nobel';
  }
  body.issues-landing .signup-issues {
    background: #FFF;
    padding-top: 0px;
    padding-bottom: 60px;
  }
  div#comparison-menu a.blue-button {
    width: 100%;
    float: left;
  }
  .comparison-image-gradient {
    width: calc(100% - 19px);
  }

  .candidate-name:after {
    background: transparent url(../img/candidate-detail-sidebar-arrow.png) center center no-repeat;
    width: 49px;
    height: 49px;
  }
  .candidate-name {
    text-align: left;
    font-size: 40px;
  }
  .mobile-view .candidate-title {
    font-size: 24px;
  }
  .candidate-column {
    background-color: #DEE8F1;
  }
  .mobile-view .main-content {
    background-color: #FFF;
  }
  .main-comparison-content div.headeline-section {
    padding-left: 15px;
  }
  .mobile-view .candidate-title:after {
      background: none;
  }
  .candidate-issue-quotes-wrapper {
    min-height: 440px;
  }
}
/* END 768px */

/* iPad landscape 1024x768 */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .candidate-info.fixed {
    width: 27.5% !important;
  }

  .signup-btn.btn-signup-home {
    top: 0 !important;
  }

  .issue-learnmore-wrapper {
    z-index: 13;
  }

  .homepage-navigation {
    position: absolute;
    bottom: 0;
    width: 100%; 
  }

  .navbar-candidates>li.dropdown>a>.caret {
    top: -6px;
    background-size: 50%;
    background-repeat: no-repeat;
    left: 40px;
  }

  .navbar-topics>li.dropdown>a>.caret {
    top: -6px;
    background-size: 60%;
    background-repeat: no-repeat;
    left: 50px;
  }

  .navbar-candidates>li.dropdown.open>a>.caret, 
  .navbar-topics>li.dropdown.open>a>.caret {
    background: url("../img/arrow-navigation-up.png") transparent 0 0;
    background-size: 60%;
    background-repeat: no-repeat;
  }

  .toggle-arrow {
    content: "";
    background: transparent url(../img/arrow-navigation-down-white.png) no-repeat center center;
    width: 49px;
    height: 49px;
    margin: 30px auto 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
  }


  .candidate-title, .candidate-title:hover {
    font-size: 19.25px !important;
  }

  .candidate-views-wrapper {
    max-height: 500px;
    padding-left: 0;
    padding-right: 0;
  }

  /* Quote Carousel */
  #quote-carousel blockquote p {
    font-size: 30px !important;
    line-height: 30px !important;
  }

  #quote-carousel blockquote:before, 
  #quote-carousel blockquote:after {
    font-size: 30px !important;
    top: 0;
    left: 0;
  }

  #quote-carousel p.carousel-quote-src {
    font-size: 18px;
  }

  #quote-carousel .carousel-control.left img {
    left: 40%;
  }

  #quote-carousel .carousel-control.right img {
    right: 40%;
  }

  #quote-carousel ul.quote-share li a img {
    width: 32px;
    height: auto;
  }

  /* Related Profiles */
  .related-profiles-desc p, 
  .related-profiles-desc p a, 
  .related-profiles-desc p a:hover {
    font-size: 20px;
  }

  /* Issues Page ***/
  body.issues-landing .container-hero,
  body.issues-landing .main-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  body.issues-landing .main-content {
    padding-left: 20px !important;
    padding-right: 0 !important;
  }

  .carousel-related-topics-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 970px !important;
  }

  body.issues-landing .issue-share-buttons .social-link {
    background-color: #7a6b61;
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    width: 28px;
  }

  .issue-share-buttons .social-link i {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 16px;
    text-align: center;
    width: 24px;
    position: relative;
    top: 5px;
  }

  body.issues-landing .issue-sidebar-title {
    font-size: 18px;
  }

  body.issues-landing .backgrounders-item {
    height: 173px;
  }

  .backgrounders-item .backgrounder-title {
    position: absolute;
    bottom: 25px;
    color: #fff;
    font-family: 'HAAR';
    font-size: 2.5em;
    left: 20px;
    width: 75%;
  }

  /* home page */
  .split-section-wrapper {
    min-height: 360px;
  }

  .split-section.left-section {
    min-height: inherit;
  }

  .split-section-title {
    margin-top: 0;
    padding-top: 60px;
  }

  .container.container-split-section:first-child {
    padding-left: 0;
  }

  .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .signup-email.signup-home {
    padding: 16px;
  }

  /* related issues */
  .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 130px;
  }

  .issues-item .issues-item-title h3 {
    font-size: 34px;
    line-height: 34px;
  }

  .issues-item {
    position: relative;
  }

  .issues-item-text {
    bottom: -20px;
  }
  .comparison-container-hero {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  h3#toggle-issue-menu span strong:before{
    content: none;
  }
  .comparison-image-gradient {
    width: calc(100% - 30px);
  }
}
/* End Landscape iPad */

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .main-container,
  .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .issue-learnmore-wrapper {
    z-index: 13;
  }

  .issue-learnmore {
    bottom: 75px;
  }

  .homepage-navigation {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .navbar-candidates-topics .navbar-nav>li {
    float: left;
    width: 100%;
  }

  .navbar-candidates>li.dropdown>a>.caret,
  .navbar-topics>li.dropdown>a>.caret,
  .navbar-comparison>li.dropdown>a>.caret {
    background: url("../img/arrow-navigation-down.png") transparent 0 0;
    position: relative;
    display: inline;
    top: -25px;
    border: none;
    width: 49px;
    height: 49px;
    float: right;
    margin-left: 0;
    left: -1px;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .navbar-candidates>li.dropdown.open>a>.caret, 
  .navbar-topics>li.dropdown.open>a>.caret,
  .navbar-comparison>li.dropdown.open>a>.caret {
    background: url("../img/arrow-navigation-up.png") transparent 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .toggle-arrow {
    content: "";
    background: transparent url(../img/arrow-navigation-down-white.png) no-repeat center center;
    width: 49px;
    height: 49px;
    margin: 30px auto 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
  }

  h1.main-title {
    font-size: 48px;
    letter-spacing: 0.01em;
    word-spacing: 0.3em;
  }

  .site-header {
    min-height: 135px;
  }

  .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }

  .issue-learnmore h2 {
    font-size: 48px;
    line-height: 48px;
  }

  .countdown-wrapper #countdown-timer {
    font-size: 18px;
  }

  .nav.navbar-candidates,
  .nav.navbar-topics {
    margin: 0;
    max-height: 65px;
  }

  .nav.navbar-candidates {
    padding-left: 0;
    padding-right: 0px;
  }

  .nav.navbar-topics,
  .nav.navbar-comparison {
    padding-left: 30px;
  }

  .candidate-column {

  }

  .candidate-menu-name {
    font-size: 32px;
    line-height: 32px;
  }

  h2.issue-titles {
    bottom: 15px;
  }

  h2.issue-titles sub {
    font-size: 24px;
  }

  h2.issue-titles span {
    font-size: 41px;
  }

  .countdown-wrapper {
    float: right !important;
    text-align: left !important;
  }

  .candidate-image img {
    height: auto;
    width: 100%;
    max-height: 280px;
    max-width: 280px;
  }

  .candidate-views-card img {
    height: 20px;
    width: 20px;
  }

  .candidate-views-cards-wrapper>.candidate-views-card>img.candidate-views-pic {
    height: 248px;
    width: 248px;
  }

  /* other candidates' views carousel */
  .candidate-views-wrapper {
    max-height: 500px;
    padding-left: 0;
    padding-right: 0;
  }

  .candidate-views-card {
    border-left: 1px solid #cdc6bb;
    border-right: 1px solid #cdc6bb;
  }

  .candidate-views-card.last {
    border-left: none;
    border-right: none;
  }

  .footer-wrapper {
    min-height: 310px;
  }

  .footer-right-top, 
  .footer-right-middle, 
  .footer-right-bottom {
    padding-left: 40px;
  }

  .footer-right-middle {
    border-bottom: 1px solid #98605c;
  }


  .footer-right {
    border-left: 1px solid #98605c;
    max-height: 310px;
    padding-left: 0;
  }

  .footer-right-top {
    border-top: none;
    height: 140px;
  }

  .footer-right-bottom p.copyright {
    border-top: none;
  }

  /* candidate sidebar */
  .candidate-info.fixed {
    width: 24%;
    height: auto;
  }

  .candidate-extra-details.fixed {
    width: 89.5%;
    top: 460px;
  }

  .candidate-info .candidate-name {
    font-size: 48px;
  }

  .candidate-info.fixed .candidate-name {
    font-size: 42px;
  }

  .candidate-name:after {
    content: "";
    background: transparent url(../img/candidate-detail-sidebar-arrow.png) center center no-repeat;
    bottom: 5%;
    display: inline-block;
    height: auto;
    right: 0%;
    position: absolute;
    width: 42px;
  }

  .candidate-info.fixed .candidate-name:after {

  }

  .candidate-title,
  .candidate-title:hover {
    font-size: 24px;
  }

  .candidate-column .social-links-leftside img {

  }

  .candidate-column .social-links-rightside {
    padding-left: 0;
  }

  .candidate-column p.timeline-item {
    font-size: 18px;
  }

  .candidate-social-links .social-link,
  .candidate-social-links-alt .social-link {
    margin-right: 10%;
  }

  h1.divider-title {
    font-size: 28px;
  }

  .issues-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Quote Carousel */
  #quote-carousel blockquote p {
    display: inline;
    font-size: 30px !important;
    width: 100%;
    line-height: 31px !important;
  }

  #quote-carousel blockquote:before, 
  #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 30px;
    line-height: 30px;
    position: relative;
    top: 0px;
    left: 0;
  }

  #quote-carousel p.carousel-quote-src {
    font-size: 18px;
  }

  #quote-carousel .carousel-control.left img {
    left: 40%;
  }

  #quote-carousel .carousel-control.right img {
    right: 40%;
  }

  #quote-carousel ul.quote-share li a img {

  }

  /* Related Profiles */
  .related-profiles-desc p, 
  .related-profiles-desc p a, 
  .related-profiles-desc p a:hover {
    font-size: 28px;
  }

  /* Issues Page ***/
  body.issues-landing .container-hero,
  body.issues-landing .main-container {
    padding-left: 15px;
    padding-right: 15px;
    width: 970px;
  }

  body.issues-landing .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  body.candidate-on-issue .issue-detail-text p {
    padding-left: 0;
  }

  body.candidate-on-issue .candidate-issue-date.updated-date {
    padding-left: 0;
  }

  .carousel-related-topics-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: 970px;
  }

  body.issues-landing .issue-share-buttons .social-link {
    background-color: #7a6b61;
    border-radius: 50%;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
    width: 32px;
  }

  .issue-share-buttons .social-link i {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 32px;
    line-height: 24px;
    text-align: center;
    width: 32px;
    position: relative;
    top: 5px;
    font-weight: 400;
  }

  body.issues-landing .backgrounders-item {
    height: 173px;
  }

  body.issues-landing .issue-sidebar-title {
    font-size: 18px;
  }

  .backgrounders-item .backgrounder-title {
    position: absolute;
    bottom: 30%;
    color: #fff;
    font-family: 'HAAR';
    font-size: 2.5em;
    left: 20px;
    width: 75%;
  }

  /* home page */

  .homepage-hero-wrapper .container.container-hero-homepage {
  }

  .split-section-wrapper {
    min-height: 285px;
  }

  .split-section.left-section {
    min-height: inherit;
  }

  .split-section-title {
    margin-top: 0;
    padding-top: 60px;
  }

  .container.container-split-section:first-child {
    padding-left: 0;
  }

  .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .signup-btn.btn-signup-home {
    margin-top: 0;
  }

  .signup-email.signup-home {
    padding: 18px 15px;
  }

  .in-the-news-text a .in-the-news-item-headline {
    font-size: 23px;
  }

  .in-the-news-text a.in-the-news-item-link {
    font-size: 18px;
  }

  /* related issues */
  .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 130px;
  }

  .issues-item .issues-item-title h3 {
    font-size: 34px;
    line-height: 34px;
  }

  .issues-text-display {
    bottom: 15%;
  }

  .issues-item {
    position: relative;
  }

  .issues-item-text {
    bottom: -20px;
  }

  .compare-options {
    border-top: none;
  }

  .compare-options dd:last-child {
    border-top: 1px solid #cdc6bb;
  }

  .compare-options dd {
    border-bottom: none;
    border-top: 1px solid #cdc6bb;
  }

  ul.dropdown-menu #comparison-menu .compare-options{
    border-top: none;
  }

  ul.navbar-comparison .yamm-content {
    padding: 0px 30px;
  }

  ul.navbar-comparison ul.dropdown-menu{
    padding-top: 0px;
  }
  a.candidate-stance {
    margin-left: 55px;
  }
  .comparison-container-hero {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .comparison-image {
    max-height: none;
    max-width: 100%;
  }

  .mobile-view .headeline-section {
    margin-bottom: 60px;
  }
  .last-comparison-candidate-main-container {
    padding-bottom: 20px;
    border-bottom: none;
  }
  .comparison-image-gradient {
    width: calc(100% - 30px);
  }

  h3#toggle-issue-menu span strong:before{
    content: none;
  }
}
  
/* END 992px */

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .main-container,
  .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .issue-learnmore-wrapper {
    z-index: 13;
  }

  .issue-learnmore {
    bottom: 75px;
  }

  .site-header {
    min-height: 135px;
  }

  .homepage-navigation {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .toggle-arrow {
    content: "";
    background: transparent url(../img/arrow-navigation-down-white.png) no-repeat center center;
    width: 49px;
    height: 49px;
    margin: 30px auto 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
  }


  .countdown-wrapper #countdown-timer {
    font-size: 18px;
  }

  .modal-dialog {
    width: 900px;
    margin: 30px auto;
  }

  /*** homepage nav ***/
  .navbar-home .nav.navbar-candidates {
    border-right: none !important;
  }

  .navbar-home .navbar-candidates:hover {

  }

  .issue-learnmore h2 {
    font-size: 48px;
    line-height: 48px;
  }

  .homepage-hero-wrapper .container.container-hero-homepage {
  }

  .navbar-home .navbar-candidates>li.dropdown>a>.caret, 
  .navbar-home .navbar-topics>li.dropdown>a>.caret,
  .navbar-home .navbar-comparison>li.dropdown>a>.caret,
  .navbar-home .navbar-candidates>li.dropdown.open>a>.caret, 
  .navbar-home .navbar-topics>li.dropdown.open>a>.caret,
  .navbar-home .navbar-comparison>li.dropdown.open>a>.caret {
    float: none !important;
    width: 100% !important;
    top: 75px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 49px;
  }

  .navbar-home .container.container-navbar, 
  .navbar-home.navbar-candidates-topics, 
  .navbar-home .container.container-navbar {
    height: 181px !important;
  }

  .homepage-hero-title {
    font-size: 45px;
  }

  /*** interior nav ***/
  .nav.navbar-candidates,
  .nav.navbar-topics {
    margin: 0;
  }

  .nav.navbar-candidates,
  .nav.navbar-topics {
    padding-left: 0;
    padding-right: 0px;
    border-right: 1px solid #cdc6bb;
    margin-top: 0;
    max-height: 60px;
  }

  .nav.navbar-topics {
    padding-left: 30px;
  }

  .candidate-menu-name {
    font-size: 32px;
    line-height: 32px;
  }

  .candidate-image img {
    height: auto;
    width: 100%;
  }

  .main-content p {
    font-family: 'HAAR';
    font-size: 24px;
    line-height: initial;
    width: 100%;
  }

  /* other candidates' views carousel */
  .candidate-views-wrapper {
    max-height: 500px;
    padding-left: 0;
    padding-right: 0;
  }

  .candidate-views-card {
    border-left: 1px solid #cdc6bb;
    border-right: 1px solid #cdc6bb;
  }

  .candidate-views-card.last {
    border-right: none;
  }

  .candidate-views-card.first {

  }

  .footer-wrapper {
    max-height: 310px;
  }

  .footer-right-top, 
  .footer-right-middle, 
  .footer-right-bottom {
    padding-left: 40px;
  }

  .footer-right-middle {
    border-bottom: 1px solid #98605c;
  }

  .footer-right {
    border-left: 1px solid #98605c;
    height: 310px;
    padding-left: 0;
  }

  .footer-right-top {
    border-top: none;
    height: 140px;
  }

  /* candidate sidebar */
  .candidate-column {

  }

  .candidate-info.fixed {
    width: 21.5%;
    width: auto;
    height: auto;
  }

  .candidate-extra-details.fixed {
    width: 85.5%;
    top: 460px;
  }

  .candidate-info .candidate-name {
    font-size: 48px;
  }

  .candidate-info.fixed .candidate-name {

  }

  .candidate-name:after {
    bottom: 5%;
    height: 49px;
    right: 0%;
    width: 49px;
  }

  .candidate-info.fixed .candidate-name:after {
    bottom: 5%;
    right: 0%;
  }

  .candidate-title,
  .candidate-title:hover {
    font-size: 24px;
  }

  .candidate-column .social-links-leftside img {

  }

  .candidate-column .social-links-rightside {
    padding-left: 0;
  }

  p.timeline-item {
    font-size: 18px;
    padding-bottom: 25px;
  }

  h1.divider-title {
    font-size: 28px;
  }

  /* Quote Carousel */
  #quote-carousel blockquote p {
    display: inline;
    font-size: 40px;
    width: 100%;
    line-height: 40px;
  }

  #quote-carousel blockquote:before, 
  #quote-carousel blockquote:after {
    color: #fff;
    font-family: 'HAAR';
    font-size: 30px;
    line-height: 30px;
    position: relative;
    top: 0px;
  }

  #quote-carousel p.carousel-quote-src {
    font-size: 18px;
  }

  #quote-carousel .carousel-control.left img {
    left: 40%;
  }

  #quote-carousel .carousel-control.right img {
    right: 40%;
  }

  #quote-carousel ul.quote-share li a img {
    width: auto;
    height: auto;
  }

  /* Related Profiles */
  .related-profiles-desc p, 
  .related-profiles-desc p a, 
  .related-profiles-desc p a:hover {
    font-size: 28px;
  }

  /* Issues Page ***/
  body.issues-landing .container-hero,
  body.issues-landing .main-container {
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
  }

  body.issues-landing .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .carousel-related-topics-wrapper {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
  }

  body.issues-landing .backgrounders-item {
    height: 173px;
  }

  body.issues-landing .issue-share-buttons .social-link {
    background-color: #7a6b61;
    border-radius: 50%;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
    width: 32px;
  }

  .issue-share-buttons .social-link i {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 32px;
    line-height: 24px;
    text-align: center;
    width: 32px;
    position: relative;
    top: 5px;
    font-weight: 400;
  }

  body.issues-landing .issue-sidebar-title {
    font-size: 18px;
  }

  .backgrounders-item .backgrounder-title {
    position: absolute;
    bottom: 25px;
    color: #fff;
    font-family: 'HAAR';
    font-size: 2.5em;
    left: 20px;
    width: 75%;
  }

  /* related issues */
  .carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
    bottom: 130px;
  }

  /* home page */
  .split-section-wrapper {
    min-height: 285px;
  }

  .split-section.left-section {
    min-height: inherit;
  }

  .split-section-title {
    margin-top: 0;
    padding-top: 60px;
  }

  .container.container-split-section:first-child {
    padding-left: 0;
  }

  .container.container-split-section:lastt-child {
    padding-right: 0;
  }

  .signup-btn.btn-signup-home {
    height: 54px!important;
    margin-top: 0;
  }

  .in-the-news-text a .in-the-news-item-headline {
    font-size: 28px;
  }

  .in-the-news-text a.in-the-news-item-link {
    font-size: 22px;
  }

  .issues-item .issues-item-title h3 {
    font-size: 34px;
    line-height: 34px;
  }

  .issues-text-display {
    bottom: 15%;
  }

  .issues-item {
    position: relative;
  }

  .issues-item-text {
    bottom: -20px;
  }
  .candidate-social-links .social-link,
  .candidate-social-links-alt .social-link {
    margin-right: 13%;
  }
  .container-hero div#hero-issue-video-play-button{
    display: none;
  }
}

/********************************************
  MISC Breakpoints - For Left Sidebar
*********************************************/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .candidate-info.fixed {

  }
}

@media only screen and (min-width: 851px) and (max-width: 991px) {
  .candidate-info.fixed {

  }
}

/********************************************
  Fix for tablets Candidates on Issue
*********************************************/
@media (min-width: 992px) and (max-width: 1200px) {
  .col-md-2.candidate-views-card {
      width: 100%;
  }
  .col-md-2.candidate-views-card  img {
    min-width: 28%;
    max-width: 30%;
  }
  .col-md-6.in-the-news-item {
    height: 150px;
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
  .mobile-menu-button-wrapper a {
    font-size: 20px;
  }
}