body{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
}
h1{
	font-size:27px;
}
h2{
	font-size:19px;
}
h3{
	font-size:28px;
}
h4{
	font-size:12px;
}
h5{
	font-size:8px;
}
h6{
	font-size:10px;
}

.pull-left{
	margin:18px 0px 0 15px;
}

.pull-right{
	margin:18px 15px 0 0px;
}

.electoralvote{
	font-weight: 700;
	margin: 65px 0 0 0;
	color:#333333;
	text-transform: uppercase;
	width:100%;
	border-top:2px solid #ccc;
	padding:5px 0 0 0;
}
a:link {
	color: #555;
  }

  a:visited {
	color: #555;
  }
  
  a:hover {
	color:#555;
  }
  
  a:active {
	color: #555;
  }



.bitleft{
	padding-left:15px;
	font-weight: 600;
}
.bluecolor{
	color:#2b388c;
}

.bitright{
	padding-right:15px;
	font-weight: 600;
}
.redcolor{
	color:#b40010;
}

.pictoral{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	max-width:1170px;
	margin-top:-80px;
	margin-left:0;
	margin-right:0;
}

.pictoralx{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	max-width:1170px;
	margin-top:5px;
	margin-left:0;
	margin-right:0;
}

.pictoraly{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	max-width:1170px;
	margin-top:37px;
	margin-left:0;
	margin-right:0;
}

.pictoralz{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	max-width:1170px;
	margin-top:55px;
	margin-left:0;
	margin-right:0;
}

.aj-avatar{
    width:90px;
}

.headline{
margin-top:5px;
margin-bottom:0;
color:#333333;
}
.subheadline{
	margin-top:0;
	margin-bottom:0;
	color:#333333;
	font-weight: 700;
}
.scorenumber{
	font-weight: 600;
	padding:0;
	margin:0;
}


#aj-ahc{width:90px; position: absolute;}
#aj-adt{width:90px; position: absolute;}


.notext{
	display:block;
	color:#666666;
}

a{
    color:#666666;
    text-decoration: none;
}

.leftimage {
	float: left;
  }
  .lefttext {
	float: left;
		padding: 25px 0px 25px 5px;
  }
  .leftname {
	float: left;
	padding: 1px;
  }
  
  .rightimage {
	float:right;
  }
  .righttext {
	float:right;
	padding: 25px 5px 25px 0;
  }
  .rightname {
	float: right;
	padding: 1px;
  }


  @media only screen and (min-width: 360px){
    h3{
        font-size:30px;
    }
    h5{
        font-size:11px;
    }
  }


  @media only screen and (min-width: 500px){
    h1{
        font-size:27px;
    }
    h2{
        font-size:19px;
    }
    h3{
        font-size:36px;
    }
    h4{
        font-size:14px;
    }
    h5{
        font-size:12px;
    }
    h6{
        font-size:10px;
    }


    .pictoral{
        margin-top:-85px;
    }
    
    .pictoralx{
        margin-top:10px;
    }
    
    .pictoraly{
        margin-top:42px;
    }
    
    .pictoralz{
        margin-top:60px;
    }

    .aj-avatar{
        width:110px;
    }

#aj-ahc{width:110px; position: absolute;}
#aj-adt{width:110px; position: absolute;}
    
}