.header img, .header {
    width: 100%;
}

/***********************
CoolStuffCon Packages
/**********************/

.csc-intro-wrapper span a {
    color: #fff;
}

.csc-intro-wrapper {
    /*background: #eee url("https://res.cloudinary.com/csicdn/image/upload/q_auto,fl_lossy,f_auto/v1/Images/CSI%202%20Articles/tesse-tile-white.png");*/ 
    /*background-repeat: repeat;*/
    padding: 35px 35px 20px 35px;
    margin: 0px 0px;
    /*box-shadow: 0 0 10px #021c25 inset;*/
    text-align: center;
}

.banner-container {
    background: #eee url("https://res.cloudinary.com/csicdn/image/upload/q_auto,fl_lossy,f_auto/v1/Images/CSI%202%20Articles/tesse-tile-white.png"); 
    background-repeat: repeat;
	display: flex;
	flex-direction: column;
}

.banner-title {
	order: 2;
	margin: 20px 0px 10px 0px;
}

.banner-image {
	order: 1;
}

.banner-container .p {
	order: 3;
	margin-bottom: 30px;
}


.banner-title, .banner-container .p {
    padding: 0px 150px;
    text-align: center;
}

.top {
    /*background-color: #eee;*/
    background: #000 url("https://res.cloudinary.com/csicdn/image/upload/q_auto,fl_lossy,f_auto/v1/Images/CSI%202%20Articles/tesse-tile-navy.png"); 
    background-repeat: repeat;
    margin: 0px;
    padding-bottom: 25px;
    box-shadow: 0 0 10px #021c25 inset;
}

.bottom {
    /*background-color: #eee;*/
    background: #000 url("https://res.cloudinary.com/csicdn/image/upload/q_auto,fl_lossy,f_auto/v1/Images/CSI%202%20Articles/tesse-tile-blue.png"); 
    background-repeat: repeat;
    margin: 0px 0px;
    /*box-shadow: 0 0 10px #021c25 inset;*/
}

.csc-tix-wrapper .p {
    display: block;
    margin-top: 10px;
}

.csc-tix-wrapper h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 2.15em;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #037b97;
    border-bottom: none !important;
    text-align: center;
}

.csc-tix-wrapper .packages {
    background-color: #fff;
    box-shadow: 3px 3px 3px #021c25;
    border-radius: 5px;
    padding: 15px 35px 25px 35px;
    margin-bottom: 15px;
}

.csc-tix-wrapper .events {
    background-color: #fff;
    box-shadow: 3px 3px 3px #037b97;
    border-radius: 5px;
    /*padding: 15px 35px;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
    
}

.csc-tix-wrapper .events .inner-event {
    padding: 15px 25px;
}

.csc-tix-wrapper .packages {
    border-top: 10px #febd2c solid;
}

.packages h3:nth-child(1) {
    text-align: center;
    font-size: 2.15rem;
    text-transform: uppercase;
}

.packages h3:nth-child(2) {
    text-align: center;
}

.csc-tix-wrapper .packages h3:nth-child(3) {
    text-align: center;
    color: #febd2c;
    font-size: 2.15rem;
}

.csc-tix-wrapper h3.sbold {
    text-align: center;
}

.csc-tix-wrapper .events ul {
    margin: 0px 0px 15px 0px !important;
}

.csc-tix-wrapper .packages ul {
    margin: 15px 0px 15px 25px !important;
}


.csc-tix-wrapper .columns {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
    
}

.csc-tix-wrapper .packages ul {
    list-style: none;
    margin-left: 12px;
}

.csc-tix-wrapper .packages ul li {
    margin-bottom: 15px;
    color: #6d7a83;
}

.csc-tix-wrapper .packages ul li::before {
    content: "\2714";
    font-weight: bold;
    display: inline-block;
	width: 1.5em;
    margin-left: -1.5em;
}

.csc-tix-wrapper .packages ul li::before {
	color: #FEBD2C;
}


@media screen and (max-width: 70em) { 
  .banner-title, .banner-container .p {
    padding: 0px 20px;
    text-align: center;
}
   
    .csc-tix-wrapper .packages h2:nth-child(1) {
            font-size: 1.75rem !important;
        }
}


.csc-button {
    text-align: center;
}

.csc-button a {
    color: #fff;
    text-align: center;
     background-color: #f90;
    box-shadow: 0 5px 0 #c77700;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    width: 50%;
    position: relative;
    top: 0px;
    display: block;
    text-align: center;
    /*margin: 20px 0px;*/
    width: 100%;
    padding: 10px 10px;
}

.csc-button a:hover {
    background-color: #f90;
    top: 3px;
    box-shadow: 0 2px 0 #c77700;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* the new wrapper that holds just the two cards */
.csc-card-row{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* make each column stretch + make its card fill */
.csc-card-row > .columns{
  display: flex;
}

.csc-card-row .packages,
.csc-card-row .events{
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}

/* for event cards, let inner content stretch so the button can pin */
.csc-card-row .events .inner-event{
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* pin buttons */
.csc-card-row .csc-button{
  margin-top: auto !important;
}

.csc-callout {
    text-align: center;
    padding: 25px 0px;
}

.csc-callout a {
    font-size: 1.75em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: color 0.3s ease-in, background-size 0.3s ease-in;
    text-shadow: 2px 2px 2px #037b97;
}

.csc-callout a:hover {
    color: #59eeff;
    background-size: 100% 2px;
}

.fine-print {
    margin-bottom: 20px;
    font-size: .8em;
    color: #898989;
    font-style: italic;
}

.events span.asterisk {
    color: #42bfc4;
}