 p {
        color:#3d3935;
    }
    .hero-bg {
        background-color: blueviolet;
        min-height:400px;
        position:relative;
        background-size:cover;
        background-position:center;
    }
    .hero-title {
        position:absolute;
        bottom:0;
        right:0;
        padding:20px;
        width:100%;
        background: rgba(255,255,255, .7);
        box-sizing: border-box;
    }
    div.hero-title h1 {
        display:block;
        text-align:center;
        color:#3d3935;
        font-size: 45px;
        line-height: 1;
        letter-spacing: -1px;
        font-weight:800;
        padding:0;
        margin:0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }

.costs {
    padding:50px 0px;
    background-color: #3d3935;
    /*background: #504a43 url(https://www.geneva.edu/_files/images/cubes.png) repeat;*/
    background: #504a43 url(https://www.geneva.edu/_files/sitegraphics/triangles.png) repeat;
}
.costs h3 {
    font-weight:800;
    color:#ffffff;
    text-align:center;
    font-size:35px;
    line-height: 38px!important;
}
.costs p:first-of-type {
    color:#ffffff;
    text-align:center;
}

.generalfacts {
    padding:50px 0px;
    background: #f1f1f1 url(https://www.geneva.edu/excellence/_assets/images/snow.png) repeat;
}
.generalfacts h4 {
    font-family:Vollkorn;
    font-style: italic;
    font-weight:800;
    color:#3d3935;
    text-align:center;
    font-size:24px;
    line-height: 24px;
    margin-bottom:20px;
}
.generalfacts p:first-of-type {
    color:#3d3935;
    text-align:center;
}

.affordability {
    background-color: #ffffff;
    background: #e3e3e3 url(https://www.geneva.edu/_files/images/geometry-light.png) repeat;
    /*background-blend-mode: difference;*/
}
.affordability h3 {
    font-weight:800;
    color:#3d3935;
    text-align:center;
    font-size:35px;
    line-height: 40px!important;
}
.affordability h4 {
    font-weight:800;
    color:#3d3935;
    font-size:21px;
    line-height: 25px;
}

.affordability p{
    color:#3d3935;
}

.chart-wrap{
    position: relative;
  margin: auto;
  box-sizing:border-box;
}

p.md-heading {
    font-size:25px;
    font-weight:800;
    margin-bottom: 10px;
}
p.lg-heading {
    font-size:40px;
    font-weight:800;
    margin-bottom:25px;
}
h3.lg-heading {
    font-size: 30px;
}
.xlg-heading {
    font-size:40px;
    line-height: 40px;
    font-weight:800;
    margin-bottom:45px!important;
    text-align:center;
}
.flex-container {
    /*display: flex;
    flex-wrap: wrap;
    
    box-sizing: border-box;
    height:100%;*/
    justify-content: space-around!important;
    /*align-items:center;*/
}
.flex-container.flex-start {align-items:flex-start!important;}
.flex-item {
            box-sizing:border-box;
            justify-content: center;
            flex-basis:98%;
            margin-bottom:15px;
        }
.flex-item-1 {
    box-sizing:border-box;
    justify-content: center;
    margin-bottom:15px;
}
.flexpad.statholder img {
    display: flex;
    margin: auto;
}
.flexpad {
    padding:10px;
    position:relative;
}
.flexpad .more_link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1000;
}
.flexpad p {
    text-align: center;
}
.flexpad p:first-child {
    margin-bottom: 0px;
}
    .statholder h5 {
    font-size: 80px;
    line-height:85px;
    color: #daaf48!important;
    font-weight:800;
    /*text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.54);*/
    margin:0 0 20px 0;
    text-align:center;
}
.textlight p {
color:#ffffff;
}

.statholder h5 img {
    margin-top: -22px;
}

.statholder h5 span {
    display: block;
    font-size: 30px;
    line-height: 38px;
    text-transform: none;
    /*text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.54);*/
}
.statholder h5 span.textwhite {
    color: #ffffff;
}
.textgold {
    color: #c99a2c!important;
    font-weight:bold;
}
.statholder h5 span.textlg {
    font-size: 50px!important;
}
.statholder h5 span.textlggold {
    font-size: 50px!important;
    color:#daaf48;
}
    .wide-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px 25px;
}

.scholarships {
    padding:50px 0px;
    background: #e1e1e1 url('https://www.geneva.edu/financial-aid/_assets/scholarship-bg.webp');
    background-size:cover;
    background-position:center;
}
.icobutton {
    background-color: rgba(255,255,255, .7);
    border-radius:15px;
    padding:40px;
    display:flex;
    margin:auto;
}
.icobutton-content {
    margin:auto;
}

.icobutton p:first-of-type {
    font-size:90px;
    text-align:center;
    margin-bottom:20px;
}
.icobutton p:nth-of-type(2) {
    font-size:22px;
    text-align:center;
    font-weight:800;
}
.icobutton p:nth-of-type(3) {
    font-size:14px;
    text-align:center;
    margin-bottom:0px;
}

.pill-link {
    color: #3d3935;
    border: 1px solid #3d3935;
    padding: 10px;
    border-radius: 25px;
    margin-top: 25px;
    margin-bottom: 10px!important;
    font-size: 16px;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    display: block;
    max-width: 400px;
    margin: auto;
    transition: all .4s;
}
.pill-link.darker {
    color: #3d3935;
    border: 1px solid #3d3935;
}
.pill-link.darker:hover{
    color:#ffffff;
    background-color:#3d3935;
}
.pill-link.lighter {
    color: #ffffff;
    border: 1px solid #fff;
}
.pill-link.darker.filled {
    color: #ffffff;
    border: 1px solid #3d3935;
    background-color:#3d3935;
}
.pill-link.darker.filled:hover{
    color:#ffffff;
    background-color:#c99a2c;
    border: 1px solid #c99a2c;
}

.pill-link.lighter:hover {
    background-color: rgba(255,255,255,.1);
}
.pill-link.smaller {
    font-size: 12px;
    padding: 5px;
}
.pad20 {
    padding: 20px 0px;
}
.no-margin-top {
    margin-top:10px;
}
.no-padding-top {
    padding-top:10px;
}
.no-margin-bottom {
    margin-bottom: 15px;
}

img.parallelogram {
  clip-path: url(#svgClip);
	width: 18em;
	height: 18em;
	object-fit: cover;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*.pill-link.lighter {
    color: #ffffff;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 25px;
    margin-top: 25px;
    font-size: 16px;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    display: block;
    max-width: 400px;
    margin: auto;
    transition: all .4s;
}*/

/* Scenario Cards */
.headertxt {
    font-size: 25px;
}
.indent {
padding-left:20px;
}
.indent::before {
content: "- ";
}
table.gridtable2 td p.indent {
    margin: 0;
}

table.gridtable2 td.narrow {
    border-width: 0;
    padding: 10px;
    border-bottom: 0px solid #bfbfbf;
    border-style: solid;
    border-color: #bfbfbf;
}
table.gridtable2 td.narrow p, table.gridtable2 td p, table.gridtable2 td h4 {
    margin: 0;
}

.scenarios, .faoptions {
    padding: 80px 0 80px 0;
}
.scenarios h3 {
font-size:30px;
}
.info-card {
/*width: 350.2px;*/
background: white;
/*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/
border-radius: 7px;
color: #333;
border: none;
margin-bottom: 1.7%;
box-sizing: border-box;
}
.info-card p {
 margin-bottom: 10px;
}
.info-card h2 {
margin-top: 4px;
}
.info-card:hover {
background: white;
box-shadow: 0 0px 15px 0 rgb(0 0 0 / 10%);
}
.info-card:hover .card-info {color:#3d3935;}
.card-info {
    position: relative;
padding: 15px;
color: #333;
}
.info-card img {
margin: 0px;
padding: 0px;
display: block;
}

.info-card h3 a:hover {
    color: #999999;
}

.info-card h3 a {
    text-decoration: none;
    color: #3d3935;
    transition: color 0.2s ease;
}

.imgbox-container {
position:relative;
background-size:contain;
background-repeat:no-repeat;
}
.imgbox-container img {
    position:relative;
}
.imgbox-content {
    background-color:#c99a2c;
    color:#ffffff;
    padding:5px;
    position:absolute;
    right:0;
    bottom:40px;
    width:200px;
    text-align:center;
    border-radius:7px;
}
.imgbox-content p {
    padding:5px 10px;
    margin:0;
    font-size:30px;
    font-weight:bold;
}
.est-cost {
    display:block;
    background-color:#3d3935;
    color:#ffffff;
    padding:15px;
    width:100%;
    text-align:center;
    border-radius:7px;
    font-size:40px;
    font-weight:800;
    line-height: 50px;
    box-sizing: border-box;
    margin:20px 0;
}
.mobile-center {
        text-align:center;
    }

/* End Scenario Cards */
    
    /* Bigger than 550 */
    @media (min-width: 550px) {
      .flex-item {
      flex-basis:49%;
      }
      .flexpad {
        margin-bottom:0px;
      }
    }

    /* Bigger than 750 */
    @media (min-width: 750px) {
     .flex-item-1 {
            flex:1;
      }
    .hero-bg {
        min-height:600px;
    }
    .costs p.space-bottom {
    margin-bottom: 45px;
        }
    .mobile-center {
        text-align:left;
    }
    .headertxt {
    font-size: 35px;
    }
    .xlg-heading {
    font-size:60px;
    line-height: 60px;
    text-align:left;
    }
        .imgbox-content p {
            padding:5px 10px;
            margin:0;
            font-size:30px;
            font-weight:bold;
        }
        .imgbox-content {
            bottom:40px;
        }
        .imgbox-content p {
        font-size:30px;
        }

    .flex-item {
      flex-basis:32%;
      }
      p.largetext {
        font-size: 25px;
        line-height:40px;
      }
      p.largetext:first-child {
        margin-top: 60px;
      }

      .info-card {
        padding: 10px 10px;
        }

        div.hero-title h1 {
        font-size: 80px;
        text-align:right;
    }
    .generalfacts h4 {margin-bottom:80px;}
    }


    /* Bigger than 1000 */
    @media (min-width: 1000px) {
      .flex-item {
      flex-basis:32%;
      }
      .info-card {
        padding: 10px 30px;
        }
    }

.chart {
  width: 100%; 
  min-height: 350px;
  /*border:2px #ff0000 solid;*/
  box-sizing:border-box;
  text-align:center;
}