body {
	margin: 0px;
}
form {
	  margin-bottom: 7px;
	  padding-left: 10px;
}
.title {
	padding: 10px;
	color: #7c705f;
	font-size: 13px;
	font-family: arial;
	text-align: justify;
}
input {
	padding: 2px;
	margin-bottom: 5px;
}
#fields {
	float: left;
	width: 180px;
}
#submit {
	float: left;
	width: 60px;
}
.borderClass {
	border: 1px solid #CCC;
	width: 400px;
	height: 167px;
	margin: auto;
}
.borderClass.notice {
	text-align: center;
}
.borderClass.notice.success {
	background-color: #bcf3b5;
	height: 20px;
}
.borderClass.notice.failure {
	background-color: #f3b5b5;
	height: 20px;;
}
.subscribe-header{
	margin: 0 auto;
	width: 245px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-family: georgia;
	font-size: 14pt;
    text-align: center;
}
.backSubClass{			
	background: #fbb450;
	color:white;
}
@media screen and (max-width: 450px) {
    .borderClass {
        width: inherit;
        height: 180px;
    }
    #fields {
        width: 170px;
    }
    input[type="text"] {
        width: 100%;
    }
}