/* Old Newsletter Stylesheet begins */
.content {max-width: 800px; 
    margin: auto;}

.purplefont h4 {
    text-transform: uppercase; 
    font-weight: bold; 
    margin-bottom: 0%
}

.topheader { 
    padding: 0.5% 3%}

.topheader, .noScreen, .eventqr {
    background-color: #6e298d; /* purple */ 
}

.branchpic {
    border: 8px solid #6e298d; /* purple */
    width: 200px
}

#branches, .purplefont h4 {
    color: #6e298d; /* purple */
}

.focalpink, .volunteer {
    border-radius: 25px; text-align: center; 
}

.focalpink {
    padding: 1%;
    margin-bottom: 1%
}

.focalpink img {
    padding: 2% 0%;
}

.squarefocalpink {
    padding: 2% 3%; margin: 2% 0%
}

.focalpink, .focalpink h4, .focalpink a, .squarefocalpink, .squarefocalpink h4, .squarefocalpink a, .volunteer {
    color: white; background-color: #c93294; /* pink */
}

.volunteer {
    padding: 8%; font-weight: bold; margin:0% 5%
}

/* table of contents, change colours */
.toc { 
    padding: 3%; 
    margin-top: 5%  
}

.first, .fourth {
    background-color:#6e298d;
}

.fourth {
    margin-top: -5% /*if graphic is above toc */
}

.second {
    background-color:#C93294;
}

.third {
    background-color:#af006f;
}

h1 {
    font-size: 8em;  
    font-family: anton;
    padding: 0% 7%;
    text-transform: uppercase
}

h1, h2 {
    font-style:normal;
    text-decoration: none;
}

h2 { 
    font-size: 4em; 
    font-family: anton;
}

.dates, h1, h4, h4 a { 
    color: white;
}

h4 a:hover, h4 a:focus {
    color: #fcb613
}

.first, .second, .third, .fourth {
    text-transform: none;
}

.notice, .dates {
    text-transform: uppercase; 
    font-weight: bold
}

.dates {
    margin-top: -1%; 
    font-size: 1.5em;  
    font-family: montserrat; 
    padding: 0% 7%
}

#connect, .connect {
	text-align: center; margin: 2%; font-size: 1.4em;
}

@media only screen and (max-width:890px) {
    * {
	margin: 0;
	padding: 0% 1%;
	box-sizing: border-box;
    }}
/* Old Newsletter Stylesheet ends */