.buttonlink{
font-size:0.98em;
}
#internallogo, #homelogosplit{
display:flex;
align-items:center;
}
#logoright{
flex: 0 1 50%;
text-align:right;
}
#heroleft{
flex: 0 1 50%;
align-self:center;
}
#homeleft img, #homeright img{
max-height:75px;
}
#heroleft h1{
margin-bottom:0px;
}
#homeleft{
flex:1 0 20%;
}
#homecenter{
flex:1 0 60%;
text-align:center;
}
#homeright{
flex:1 0 20%;
text-align:right;
}
.story .colinner ul{
padding-left:40px;
list-style-position:outside;
list-style-type:circle;
}
.story .colinner ul li{
padding-bottom:20px;
}
.stc-left{
text-align:right;
}
.stc-right{
max-width:96px;
}
#stcfooter{
display:flex; align-items:center;
width:400px;
margin-top:-50px;
}
.small{font-size:0.9em;}
.smaller{font-size:0.8em;}
.big{font-size:1.2em;}
.bigger{font-size:1.4em;}

@media only screen and ( max-width: 950px )
        {
        #homeleft, #homeright{
        display:none;
        }
        
#heroleft, #logoright{
flex:0 1 100%;
}
#internallogo{
flex-wrap:wrap;
}
#heroleft{
order:2
}
#logoright{
order:1;
text-align:center;
}
        }
        
@media only screen and ( max-width: 800px )
        {

#heroleft h1{
font-size:3em;
}
#stcfooter{

width:100%;
margin-top:0px;
}
        }

@media only screen and ( max-width: 450px )
        {
        #heroleft h1{
font-size:2em;
}
        
        .stc-left{
text-align:center;
}
.stc-right{
margin-left:auto;
margin-right:auto;
}
        }