#sun310 #header {
     padding: 30px 0 10px;
     background: #fff url(310-banner.jpg) top center no-repeat;
     height: 500px;
}
 .degrees {
     background-color: #c10037;
     color: #fff;
     padding: 49px 25px;
     cursor: pointer;
}
 .number {
     font-size: 5em;
     line-height: 1;
}
 .number {
     font-size: 5em;
}
 .data {
     font-size: 1.5em;
     line-height: 1;
}
 .video {
     text-align: center;
}
 .degrees .fa-university {
     font-size: 7em;
}
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
     .degrees {
         padding: 44px 25px;
    }
     .data {
  font-size: 1.4em;
  line-height: 1;
}
    
     #sun310 #sss #tertiary {
         float: none;
         width: auto;
         clear: both;
         padding-top: 10px;
    }
     #sun310 #sss #primary, #sun310 #sss #secondary {
         width: 50%;
    }
}
/* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
     .degrees {
         padding: 41px 25px;
    }
     .degrees .media-left {
         display:table-cell;
         text-align:center;
    }
     .degrees .fa-university {
         font-size: 5.5em;
    }
     .number {
         font-size: 4em;
    }
     .data {
         font-size:1.2em;
    }
     #sun310 #sss #tertiary {
         float: left;
         width: 33.33333333%;
         clear:none;
         padding-top: 0;
    }
         #sun310 #sss #primary, #sun310 #sss #secondary {
         width: 33.33333333%;
    }
    
}
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
     .degrees {
         padding: 49px 25px;
    }
     .number {
         font-size: 5em;
         line-height: 1;
    }
     .degrees .fa-university {
         font-size: 7em;
         vertical-align: middle;
    }
}
 div#sunshine {
     border: 2px solid #fff;
     padding: 20px;
     background-color: rgba(0,0,0,.5);
     color: #fff;
     margin-top: 10px;
     max-width: 550px;
     float: right;
}
 #sunshine p.lead {
     font-size: 30px;
     margin: 0;
     text-shadow: 1px 1px rgba(51, 51, 51, .75);
}
 #sunshine .count {
     color: #c10037;
     text-shadow: rgba(255,255,255, .95) 0 0 5px;
     font-weight: bold;
     font-size: 1.25em;
}
 .learnmore {
     position: relative;
     text-align: center;
}
 .learnmore h2 {
     position: absolute;
     bottom: 0;
     font-size: 1.25em;
     line-height: 1;
     margin: 0;
     padding: 5px;
     background-color: rgba(0,0,0,.65);
     color: #fff;
     width: 100%;
}

.thepack-title { 
  margin: 0 0 20px 0;
  border-bottom: 2px solid silver;   
}

#thepack .carousel-inner {
  margin: 0 25px;
}

 #thepack a.left.carousel-control {
     background: none;
     width: auto;
     left: -10px;
}
 #thepack a.right.carousel-control {
     background: none;
     width: auto;
     right: -10px;
}
 #thepack .media-left, .media-right, .media-body {
     width: auto;
}
 #thepack img.media-object {
     border-radius: 50%;
     border: 1px solid #C0C0C0;
     float: left;
     margin:0;
     background-color: #fff;
     max-width: 100px;
}