body {
font-family: 'Montserrat', Helmet, Freesans, sans-serif;
font-size:13px;
}

p{
font-weight: 300;
}

body, select, input, textarea {color: #333;}

a {color: rgba(255,0,0, .85);}
a:hover {color: rgba(255,0,0, 1);}

::-moz-selection{background: rgba(255,0,0, 1); color: #fff; text-shadow: none;}
::selection {background: rgba(255,0,0, 1); color: #fff; text-shadow: none;}

/* a:link {-webkit-tap-highlight-color: rgba(255,0,0, 1);} */

ins {background-color: rgba(255,0,0, 1); color: #FFF; text-decoration: none;}
mark {background-color: rgba(255,0,0, 1); color: #FFF; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

blockquote {padding: 16px; background: #eee;}

header{
background-color: #444;
}

.content-wrap{
margin: 0 auto;
padding:0;
width:95%;
}

header img#logo{
max-height: 125px;
max-width: 100%;
display: inline-block;
padding: 15px 0;
vertical-align: middle;
}

nav{
float:right;
}

nav a{
color: #DDDDDD;
text-decoration:none;
text-transform:uppercase;
letter-spacing: 1px;
transition: .3s ease all;
}

nav a:hover{
color: #FFFFFF;
}

nav ul a{
display:inline-block;
line-height:125px;
padding-right:25px;
}

nav ul a.live{
padding-right:0
}

nav ul a.live span{
padding: 12px 20px;
background-color: rgba(255,0,0, .85);
border-radius:.3em;
transition: .3s ease all;
}

nav ul a.live:hover span.live-button{
background-color: rgba(255,0,0, 1);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover ~ .dropdown-content {
    display: block;
}

#twitter-news{
background-color:#333;
color: #DDD;
font-size:11px;
padding:10px 0px;
}

#twitter-news a{
color: #DDD;
text-decoration:none;
}

#twitter-news .type{
float:right;
overflow: hidden; /* Ensures the content is not revealed until the animation */
  /* border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .1em; /* Adjust as needed */
  animation: 
    typing 5s steps(35, end),
    blink-caret .75s step-end infinite;
/* The typing effect */
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: red; }
}

footer{
background-color:#333;
color: #DDD;
padding:20px 0px;
}
footer p{
font-size:11px;
letter-spacing: .1em;
}
/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 750px) {

#twitter-news{
display:none;
}

header{
text-align:center;
padding-top:75px;
}

header .content-wrap{
margin: 0 auto;
padding:0;
width:100%;
}

nav{
float:none;
padding:10px 0;
}

nav ul a{
display:inline-block;
line-height:35px;
padding:0 10px;
}

nav ul a:last-child{
position:absolute;
display:block;
padding:0;
top:20px;
left: 0;
  right: 0;
  margin: 0 auto;
}

nav ul a:nth-child(3){
}

header img#logo{
max-height: 125px;
max-width: 85%;
display: inline-block;
padding: 0px 0;
vertical-align: middle;
}

}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}