/* --------------------------------------
   Samson's Classroom CSS (Resources > Images & Links)
   Created: 1/18/2017
   Author: Kelly Byrnes
 --------------------------------------- */

/** Active Navbar Icon **/

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;
}

@media only screen
and (max-width: 767px)
{
    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;
    }
}
.login-section {
    margin-top: 90px;
}

.login-section h1 {
    margin-bottom: 10px;
}

.hero-buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}

.printable-letters {
    margin-top: 20px;
    margin-bottom: 100px;
}

#signup.btn, #login.btn {
    margin-top: 20px;
}

.html-code-section h4 {
    margin-bottom: 20px;
    font-weight: 700;
}

#table-1 {
    margin-bottom: 20px;
}

textarea {
    width: 600px;
    height: 100px;
    background-color: white;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    margin-bottom: 60px;
}

.images-samson-poses h4 {
    margin-top: 100px;
}

.samson-pics {
    margin: 20px;
}

.product-logos {
    margin-top: 80px;
}


@media only screen
and (max-width: 768px)
{
    body {
        overflow-x: scroll;
    }

}