/* --------------------------------------
   Samson's Classroom CSS (Contact Page)
   Created: 1/18/2017
   Authors: Kelly Byrnes
 --------------------------------------- */

/** Active Navbar Icon **/

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

@media only screen
and (min-width: 768px)
{
    header .navbar-default #contact {
        background: url(http://samsonsclassroom.com/website_assets/home_page_assets/00_nav_bar/contact_icon_white.svg) no-repeat center center;
        background-size: 35px 30px;
        background-position: 50% 25%;
        color: white;
    }
}

/** Login Section Tweak **/

.login-buttons {
    margin-top: 105px;
    height: 60px;
}

/** Hero Section **/

.hero {
    background: url(http://samsonsclassroom.com/website_assets/contact_page_assets/contact_bg.svg) no-repeat center bottom;
    background-size: cover;
    min-height: 600px;
    border-bottom: solid 1px gray;
    text-align: center;
    padding: 20px;
}

.hero h1 {
    color: white;
    font-family: "Titan One", "Helvetica Neue", "Helvetica Black", "Helvetica Bold", "Arial Black", "Arial Bold";
    margin-bottom: 50px;
    font-size: 38px;
}

.hero p {
    background-position: center left;
    margin-bottom: 30px;
    font-size: 26px;
    color: white;
}

.hero-links-list {
    list-style-type: none;
}

.hero p:hover {
    text-decoration: underline;
}

.hero-phone-link {
    background: url(../website_assets/home_page_assets/10_footer/phone_icon.svg) center left no-repeat;
    background-size: 35px;
    padding: 4px 2px 0 10px;
    width: 330px;
}

.hero-email-link {
    background: url(../website_assets/home_page_assets/10_footer/email_icon.svg) center left no-repeat;
    background-size: 40px;
    padding: 4px 2px 2px 40px;
}

.hero-address-link {
    background: url(../website_assets/home_page_assets/10_footer/address_icon.svg) center left no-repeat;
    background-size: 40px;
    padding: 0 0 0 30px;
    width: 350px;
}

/* Footer Tweak */

footer {
    margin-top: 0;
}

@media only screen
and (min-width: 1400px)
{
    .hero {
        min-height: 720px;
        background-position: 0% 10%;
        background-size: cover;
    }
}

@media only screen
and (max-width: 992px)
{
    .hero {
        margin-top: 10px;
    }
}

@media only screen
and (max-width: 767px)
{
    header .navbar-default #contact {
        background: url(http://samsonsclassroom.com/website_assets/home_page_assets/00_nav_bar/contact_icon_white.svg) no-repeat center center;
        background-size: 7%;
        background-position: 5% 90%;
        color: white;
    }

    .hero-address-link {
        width: 370px;
    }

    .hero p {
        font-size: 28px;
    }
}

@media only screen
and (max-width: 440px)
{
    .hero h1 {
        font-size: 30px;
    }

    .hero p {
        margin-left: -30px;
        font-size: 20px;
        background: url(http://samsonsclassroom.com/css/contact.css);
        padding-left: 0;
        width: 300px;
    }
}
/** New CSS required for the page **/
.contact-links {
  list-style: none;

}
.contact-links a {
  text-decoration: none;
  color:white;
  font-size: 26px;
  padding: 0px 0px 0px 50px;
  white-space: normal;
  word-wrap: normal;
}
.contact-links li {
  padding: 20px;

}