/*Web Site Specific CSS*********************************
 *Apply overrides to Bootstrap and som-custom.css
 *and create custom classes to develop your site.
 *Reference Bootstrap's documentation frequently. 
 *Styles may already exist to help develop an aesthetically pleasing the front-end.
 *
 *Bootstrap is mobile first. All styles should 
 *be applied for mobile and then use media queries to 
 *make adjustments to tablet and desktop as needed.
*/

/*Mobile First Styles*/


/*Desktop*/
@media (min-width: 768px) {
    .navbar-nav .desktopRight{
        float:right;
    } 
}

/*Desktop and Tablet*/
@media (min-width: 480px) {
    table {
        max-width:960px;
    }
}
    
/*Tablet Only*/
@media (min-width: 480px) and (max-width: 767px) {

}

/*Mobile Only*/
@media (max-width: 767px) {
    table {
        width: 100%;
    }
}



/* 
http://stackoverflow.com/questions/18424798/twitter-bootstrap-3-how-to-use-media-queries /

Large desktop 
@media (min-width: 1200px) { }

Portrait tablet to landscape and desktop 
@media (min-width: 768px) and (max-width: 979px) {  }

Landscape phone to portrait tablet
@media (max-width: 767px) { }

Landscape phones and down
@media (max-width: 480px) { }



http://www.joostrap.com/media-queries 

Landscape phones and down 
@media (max-width: 480px) {  }

Landscape phone to portrait tablet
@media (max-width: 767px) {  }

Portrait tablet to landscape and desktop 
@media (min-width: 768px) and (max-width: 979px) {    }

Large desktop 
@media (min-width: 1200px) {  }

*/
html, body {
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:0.95em !important;
}

.siteTitle {
    color: #FFF;
}
.tagline {
    color: #357ebd;
}
p.info {
    padding: 15px 0;
}
footer.footer {
    margin-top:15px;
}
.topnavlinks, .topnavlinks:visited, .topnavlinks:hover{
    color:#FFF;
    text-decoration:none;
    font-size:80%;
    font-weight:bold;
}
#topNav{
    border-top:2px solid #fff;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
    background-color:#006699;
}
.center {
    text-align: center;
}
.header .header-background {
    background-size:100% 100%;
    background-color:#006699;
}
h2 {
    text-align: center;
    font-size: 2.3em;
}
h4  {
    text-align: center;
    color:green;
    
}
.col-md-12 {
    float: none;
    margin: 0 auto;
}

input[type='submit'] {
    margin:0px 22px;
    font-weight: bold;
}

.example {
    color: #3366ff;
}

.error {
    color:#990033;
}

.btn-secondary {
    background-color:#dedede;
}

.container.header-background{
    padding-top:5px;
}