/* --------------------------------------
   Samson's Classroom (Resources > Worksheets Page) - Mobile
   Created: 3/3/2017
   Author: Kelly Byrnes
 --------------------------------------- */

header .navbar-default #resources:hover {
    color: white;
}

header .navbar-default #resources {
    background: url(../../website_assets/home_page_assets/00_nav_bar/resources_icon_white.svg) no-repeat center center;
    background-size: 35px 30px;
    background-position: 50% 25%;
    color: white;
}

header .navbar-default #resources {
    background: url(../../website_assets/home_page_assets/00_nav_bar/resources_icon_white.svg) no-repeat center center;
    background-size: 7%;
    background-position: 5% 90%;
    color: white;
}
    
.hero-btn-container .btn {
    color: white;
    background-color: gray;
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
    -moz-border-radius: 11px;
    -webkit-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

/*Login Section Tweak */

.login-section {
    padding: 0;
}

.hero {
    text-align: center;
}

.hero-btn-container a, .hero-btn-container h4 {
    vertical-align: middle;
}

.hero-btn-container {
    overflow-x: visible;
}

.hero-btn-container div {
    display: block;
}

.level-btns {
    overflow-x: visible;
}

.level-btns .btn:hover {
    background-color: lightgray;
}

.level-btns-row-1 {
    margin-bottom: 50px;
}

.level-btns-row-2 {
    margin-bottom: 50px;
}

.btn:hover {
    color: white;
}

.hero h1 {
    margin-top: 0px;
    margin-bottom: 40px;
}

.hero p {
    margin-top: 50px;
    margin-bottom: 30px;
}

@media only screen
and (max-width: 373px)
{
    .hero img {
        margin-left: -1%;
    }
}

@media only screen
and (max-width: 338px)
{
    .hero img {
        margin-left: -3%;
    }
}

@media only screen
and (max-width: 327px)
{
    .hero img {
        margin-left: -6%;
    }
}