body {
	background-image: url("../img/brickwall.png");/* http://subtlepatterns.com/ */
	background-repeat: repeat;
}

.navbar {
	margin-bottom: 30px;
        height:50px;
}
.navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none;
    color: rgb(220,0,0);
}

a, a:hover, a:active, a:visited, a:focus {
	outline: none;
    text-decoration:none;
}

#logo {
	height: 150%;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
        border-radius: 50%;
}

.navbar-brand {
	height:75px;
	padding:0px 0px 15px 0px;
	font-size: 30px;
	color: red;
}
.navbar-brand small {
  display:block;
  font-size:15px;
  margin:-10px 0px 0px 0px;
  color: gray;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.navbar-brand>img {
	display: inline;
	margin-left:25px;
}

.navbar-right a {
	color: gray;
}

.jumbotron-transparent {
	background-color: transparent;
}

p img{
  display:inline-block;
  vertical-align:middle;
  margin-right:5px;
}

.download-badges img {
    display: block;
    margin: auto;
}

.Division{
    float: left;
    width: 50%;
    height: 50%;
}

iframe {
	width: 480px;
	height: 270px;	
}

#contact a {
	color: dimgray;
}

footer a {
	color: dimgray;
}

a:hover { 
	text-decoration: none;
}

.headlineDesc {
   font-family: Futura, Rockwell, Copperplate, Georgia, monospace;
   font-weight: bold;
   font-size:35px;
   color: black;
   margin-top:45px;
}

p.appOneLiner {
   font-size:25px;
   font-family: Futura, monospace;
   margin-top:5px;
   color:dkgray;
}

p.blogText {
  font-family: Futura, monospace;
  font-size:24px
  color: gray;
} 

.userInfo {
   font-size:15px;
   font-family: 'Arial Rounded MT Bold';
}

.badges {
   margin-top:150px;
}

li div { text-align:right; }
li div span { float:left; }

@media(max-width:701px) {
   #sub-navigation-home li {
     background-color: black;
     color:white;
   }
}

@media(max-width:640px) {
   iframe {
        width: 480px;
        height: 270px;
   }
   .headlineDesc {
     margin-top: 10px;
   }
   .navBar {
     margin-bottom: 0px;
   }
}


@media(max-width:980px) {
   iframe {
        width: 320px;
        height: 180px;
   }
  .container {
    display: flex;
    flex-direction: column;
  }
   .navBar {
     margin-bottom: 0px;
   }
   .headlineDesc {
     margin-top: 10px;
   }
   .badges {
     margin-top:0px;
   }
}