@keyframes shrinkHide{0%{opacity:.5;width:38px;}
20%{width:45px;}100%{opacity:0;width:0;}}

article{display:block;}
article{padding-bottom:16px;
text-align:center;}
article h4 span{animation:shrinkHide 1s cubic-bezier(.175,.885,.32,1.275) 2s forwards;
display:inline-block;
font-weight:10px;
opacity:.5;}
article .call-to-action{margin-top:10px;}
@media only screen and (min-width:768px)
{article{margin-right:48px;
max-width:360px;
padding-bottom:32px;
text-align:left;}
article p:first-of-type{font-size:16px;
font-size:1rem;}}

.BRASSBAND{flex:1;
overflow:auto;}
.BRASSBAND{margin:0 auto;
padding:16px;}
@media only screen and (min-width:768px)
{.BRASSBAND{align-items:center;
display:flex;max-width:1260px;
width:100%;}
.BRASSBAND>*{flex:1;}}
a,button.faux-link{background-color:transparent;
-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;
text-decoration:none;}

h4{font-size:20px;
color:#004fff;
font-weight:100;
letter-spacing:-.025em;
line-height:2;
margin:20px 0px 24px 0px;
text-decoration:none;}

.button{align-items:center;
border:0;
border-radius:4px;
box-shadow:0 4px 4px rgba(3,0,0,.3);
display:inline-flex;
padding:6px;
position:relative;
text-shadow:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
vertical-align:middle;
text-decoration:none;}

.button{background:#004fff;
color:#ffffff;
font-weight:600;
padding-left:20px;
padding-right:20px;
padding-top:14px;
padding-bottom:14px;
transition:all .2s ease;
text-decoration:none;}

.button:focus,.button:hover{background:#abcdef;}
article{padding-bottom:16px;
text-align:center;
color:#ff00ff;}


.DOWNLOAD a{text-decoration:none;
color:#ffffff;
font-weight:600;
font-size:20px;}

.DOWNLOAD a:hover{text-decoration:none;}