.container { margin-top:148px; }
.content { max-width:1528px; margin:0 auto; }
.intro { text-align:justify; font-size:60px; line-height:75px; margin-bottom:75px; }
.initial { font-size:270px; line-height:225px; margin:0; padding:0 20px 0 0; float:left; }
.ampersand { font-size:46px; line-height:46px; margin:0; padding:0; float:inherit; }
.member { text-align:left; font-size:38px; line-height:42px; margin-bottom:18px; }
.bymember { text-align:left; font-size:21px; letter-spacing:1px; line-height:26px; margin-bottom:18px; }
a .externallink { font-family:"Haas Grotesk Display Web", Helvetica, Arial; color:#3b538b; color:#000; font-size:13px; font-style:normal; font-weight:500; letter-spacing:2px; line-height:26px; }
@media screen and (min-width:1281px) and (max-width:1440px) { 
.intro { text-align:left; }
}
@media screen and (min-width:1025px) and (max-width:1280px) { 
.intro { text-align:left; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
.container { margin-top:74px; }
.intro { text-align:left; font-size:55px; line-height:69px; margin-bottom:69px; }
.initial { font-size:150px; line-height:138px; padding:0 10px 0 0; }
.ampersand { font-size:42px; line-height:42px; }
.member { font-size:34px; line-height:38px; }
}
@media screen and (min-width:481px) and (max-width:768px) {
.container { margin-top:74px; }
.intro { text-align:left; font-size:47px; line-height:59px; margin-bottom:59px; }
.initial { font-size:126px; line-height:118px; padding:0 10px 0 0; }
.ampersand { font-size:36px; line-height:36px; }
.member { font-size:34px; line-height:38px; }
}
@media screen and (max-width:480px) {
.container { margin-top:74px; }
.intro { text-align:left; font-size:34px; line-height:43px; margin-bottom:43px; }
.initial { font-size:94px; line-height:86px; padding:0 10px 0 0; }
.ampersand { font-size:26px; line-height:26px; }
.member { font-size:23px; line-height:26px; }
}