@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);

/* general
================================================== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, img, ol, ul, li, form, footer, header, nav {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
		
body {
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 150%;
font-family: 'PT Serif', serif;
-webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: 100%;
}

/* general
================================================== */

.logo {
    text-align: center;
    margin: 80px 0 20px 0;
}

.logo img {
    margin: 0 0 40px 0;
}

hr {
    height: 1px;
    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: #aaa;
    margin: 0 auto 10px;
}

/* typography
================================================== */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 160%; text-align: center;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 40px; margin-bottom: 40px; text-transform: uppercase;  }
	h2 { font-size: 36px; margin-bottom: 36px; }
	h3 { font-size: 32px; margin-bottom: 32px; }
	h4 { font-size: 26px; margin-bottom: 26px; }
	h5 { font-size: 20px; margin-bottom: 20px; }
	h6 { font-size: 16px; margin-bottom: 16px;}

	p { margin: 20px 0 20px 0; }
	
	.fontsize17 {
	    font-size: 17px;
	    line-height: 150%;
	}

.fontsize22 {
	    font-size: 22px;
	    line-height: 150%;
	}

	
	.textaligncenter {
	    text-align: center;
	}

/* links
================================================== */

	a:link, a:visited { text-decoration: underline; color: #dd232a; }
	a:hover { text-decoration: none; color: #b72126; }
	
	a img { border: none; }
		
/* images
================================================== */

	img {
		max-width: 100%;
		height: auto;
		 padding: 0 0 0 0; }
	    


/* content 
================================================== */
	    
	
#footerbg  {
    height: 40px;
    width: 100%;
    margin-top: 20px;
    bottom: 0;
    padding: 10px 0 0 0;
}
		
#footerbg p {
    font-size: 13px;
    line-height: 150%;
    text-align: center; 
}

	
/* grid 
================================================== */


/* MAIN GRID ------------*/

/* 940px ---------------*/

.container {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
}


.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.row {
  margin-left: -20px;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="column"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.column12 {
  width: 940px;
}

.column11 {
  width: 860px;
}

.column10 {
  width: 780px;
}

.column9 {
  width: 700px;
}

.column8 {
  width: 620px;
}

.column7 {
  width: 540px;
}

.column6 {
  width: 460px;
}

.column5 {
  width: 380px;
}

.column4 {
  width: 300px;
}

.column3 {
  width: 220px;
}

.column2 {
  width: 140px;
}

.column1 {
  width: 60px;
}


/* 1200px ----------------*/

@media (min-width: 1200px) {
  
.row {
  margin-left: -30px;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="column"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

.container {
  width: 1170px;
}

.column12 {
  width: 1170px;
}

.column11 {
  width: 1070px;
}

.column10 {
  width: 970px;
}

.column9 {
  width: 870px;
}

.column8 {
  width: 770px;
}

.column7 {
  width: 670px;
}

.column6 {
  width: 570px;
}

.column5 {
  width: 470px;
}

.column4 {
  width: 370px;
}

.column3 {
  width: 270px;
}

.column2 {
  width: 170px;
}

.column1 {
  width: 70px;
}

}

/* 768px * 979px -----------------*/

@media (min-width: 768px) and (max-width: 979px) {
  
.row {
  margin-left: -20px;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="column"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container {
  width: 724px;
}

.column12 {
  width: 724px;
}

.column11 {
  width: 662px;
}

.column10 {
  width: 600px;
}

.column9 {
  width: 538px;
}

.column8 {
  width: 476px;
}

.column7 {
  width: 414px;
}

.column6 {
  width: 352px;
}

.column5 {
  width: 290px;
}

.column4 {
  width: 228px;
}

.column3 {
  width: 166px;
}

.column2 {
  width: 104px;
}

.column1 {
  width: 42px;
} 

}

/* 767px ----------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {
  
.container {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
}

.row {
  margin-left: 0;
}

[class*="column"] {
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.column12  {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
 p {
    text-align: center; } 
  
  
}