/* Featured IMG Styles */

.top-heading {
    color: #fdac07;
    border-radius: 1px;
    text-align: left;
    padding: 0 0 0 10px;
}

.top-heading h1 {
    margin: 0;
    font-size: 2em;
    font-family: 'Acme', sans-serif;
    color: black;
}

.bottom-heading {
    margin-top: 200px;
    background-color: #000;
    color: #fff;
    padding: 0 0 0 30px;
    border-radius: 2px;
    vertical-align: bottom;
}

.bottom-heading h3 {
   font-size: 1em;
   font-family: 'Acme', sans-serif;
}

.featured-img {
   background-image: url(../images/sharptrain.jpg);
   padding-top: 400px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 5px;
}

.featured-img > .top-heading-home {
    padding: 0 0 0 15px;
    color: #fdac07;
    border-radius: 2px;
    text-align: left;
    vertical-align: bottom;
}

.featured-img > .top-heading-home h1 {
    font-size: 3em;
    color: orange;
    font-family: 'Acme', sans-serif;
}

.featured-img > .bottom-heading-home {
    margin-top: 0px;
    background-color: #000;
    color: #fff;
    padding: 0 0 0 10px;
    border-radius: 2px;
    vertical-align: middle;
}

.featured-img > .bottom-heading-home h3{
   font-size: 1.5em;
   font-family: 'Acme', sans-serif;
}

.rosters-featured-img {
   background-image: url(../images/33931051071_d471f261eb_o.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 15px;
}

.lynndyl-featured-img {
   background-image: url(../images/lynndyl.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}

.provo-featured-img {
   background-image: url(../images/provo.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}

.sharp-featured-img {
   background-image: url(../images/sharp.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.greenriver-featured-img {
   background-image: url(../images/greenriver.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.evanston-featured-img {
   background-image: url(../images/evanston.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.canecreek-featured-img {
   background-image: url(../images/canecreek.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.pleasantvalley-featured-img {
   background-image: url(../images/DSC_00031.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.lakeside-featured-img {
   background-image: url(../images/DSC_0452.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.caliente-featured-img {
   background-image: url(../images/caliente.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.saltlake-featured-img {
   background-image: url(../images/saltlake.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.shafter-featured-img {
   background-image: url(../images/shafter.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}
.ogden-featured-img {
   background-image: url(../images/ogden.jpg);
   height: 250px;
   background-position: center;
   background-repeat: no;
   background-size: cover;
   text-align: left;
   vertical-align: bottom;
   margin-bottom: 18px;
}

/* Features section styles */
.features-section {
    background-color: #f9e46f;
    border-left: 10px solid black;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
    box-shadow: inset 0px -10px 50px -8px rgba(0, 0, 0, 0.58);
}

.features-section > .columns-wrapper {
 
    justify-content: space-between;
}

.features-section > .columns-wrapper a{
    text-decoration: none;
    color: black;
    
    
}

.features-section > .columns-wrapper > .column {
    padding: 10px;
    width: 29%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-radius: 3px;
    transition: 1s;
    float: left;
}

.features-section > .columns-wrapper > .column:hover {
    border-bottom: 5px solid black;
}

.features-section > .columns-wrapper > .column :nth-child(1){
    font-size: 2em;
}

.features-section > .columns-wrapper > .column :nth-child(2){
    font-size: 1em;
    font-weight: 900;
    font-family: sans-serif;
    height: 50px;
}

.features-section > .columns-wrapper > .column :nth-child(3){
    letter-spacing: 2px;
}

.features-section > .columns-wrapper > .clearfx {
   clear: left;
}

/* Phone formating */
@media only screen and (max-width: 800px) {
   
 

   .features-section > .columns-wrapper > .column {
    padding: 10px;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-radius: 3px;
    transition: 1s;
    float: left;
   }

   .featured-img {
      padding-top: 200px;
 }