body {font-family: 'Merriweather', serif;}
.navbar-brand {font-size: 28px; font-weight: 900; line-height: 110%; text-transform: uppercase;}
.navbar-right {text-transform: uppercase; }
.navbar {font-weight: 700;}
.navbar img {width: 28px; margin-right: 5px; margin-top: -4px;}
#protect:hover, #defend:hover, #secure:hover {opacity: .3; }

.risks {padding-bottom: 30px;}

.socialicons {width: 50px;}

h1, h2, h3 {font-family: 'Roboto Slab', serif;} 

a:link, a:visited {color: #990000;}
a:hover, a:active {color: black;}
a.btn-primary {color: white; border: silver thin solid;}
.btn-primary:link, .btn-primary:visited {background-color: #990000;}
.btn-primary:hover, .btn-primary:active {background-color: gray; border: silver thin solid;}

label {display: inline; margin-right: 15px; margin-left: 3px;}
fieldset legend {width: auto; border-width: 0; margin-bottom: 0; padding: 0 5px; font-size: 120%;}
fieldset {border: 4px solid silver; padding: 15px; margin: 15px;}
fieldset img {width: 50%;}
input[type="submit"] {padding: 15px;}
.glyphicon-remove {color: red; padding-right: 5px;}
.glyphicon-ok {color: green; padding-right: 5px;}

.floatright {margin-left: 30px; float: right;}
.floatleft {margin-right: 30px; float: left;}

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 75px;
  background-color: silver;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 1200px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

@media only screen and (max-width: 1140px) {
.shields {display: none;}
}

@media only screen and (max-width: 900px) {
.carousel {margin-top: 30px;}
.carousel-inner > .item > img {height: 350px;}
}

@media only screen and (max-width: 768px) {
.navbar-brand {font-size: 18px; line-height: 110%;}
body {margin-bottom: 150px;}
.footer {height: 200px; text-align: center;}
.container .text-muted a {display: inline-block; font-size: 150%;}


}


@media only screen and (max-width: 480px) {

body {margin-bottom: 200px;}
.footer {height: 250px;}

}