#main {
position: relative;
}
#main a.main{
display: block;
width: 100%;
}
#main a.main img{
display: block;
}
#main a {
background: none;
}
#main a:hover{
text-decoration: none;
}
.tog-home { position: relative; }
.tog-home h1{
text-align: center;
color: #DE1C85;
display: none;
}
.tog-home h1 .script{
font-size: 90px;
line-height: 30px;
margin-top: 20px;
}
.tog-home h1 .serif{
font-size: 27px;
line-height: 10px;
}
#content .tog-home a.savings {background: none;}
.tog-home .savings img { margin: 20px 0;}

.button-mobile {display: none; padding: 10px 0 20px 0; clear: both; }
@media (min-width: 641px) and (max-width: 820px), (max-width: 594px) {
	#main .join{
	width: 100%;
	height: 18%;
	}
	#tog .tog-home h1{ display: block; }
	
	#tog .savings { text-align: center; display: block; outline: 0; border: 0; }
	#tog .savings img {
	max-width: 320px;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	}
	#tog .button-mobile { display: block; text-align: center; }
}
@media (max-width: 480px) {
	#tog .tog-home h1 .serif { font-size: 22px; }
	#tog .tog-home h1 .script{ font-size: 60px; line-height: 10px; }
}
@media (max-width: 593px) {
#tog .savings { text-align: center; display: block; outline: 0; border: 0; }
#tog .savings img { max-width: 320px; display: inline-block; margin: 0 auto;}
#tog .button-mobile { display: block; text-align: center; }
}