html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

h1{font-size:28px}
h2{font-size:24px}
h3{font-size:16px}
h4{font-size:14px}
h1,h2,h3,h4,h5,h6
{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:0px 0}

hr{border:0;border-top:1px solid #eee;margin:0px 0}


small {
	font-size: 13px;
	
}


html {
  background: #333;
}


body {

background: #ffffff;
  font-size: 1em;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica", Arial,"Lucida Grande",sans-serif;

margin: 0px auto 0px;
max-width: 800px;
-webkit-font-smoothing: antialiased;

}


table {

background: #f1ecf1;
  font-size: 0.8em;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica", Arial,"Lucida Grande",sans-serif;

margin: 0px auto 0px;
max-width: 800px;
-webkit-font-smoothing: antialiased;

}



img {
	max-width: 100%;
	height: auto;


}



.footer {
  font-size: 13px;

  }


.logo {
	
	padding-top: 20px;
	padding-bottom: 5px;

}
.container {
    width: 98%;
    margin: 10px 0px 0px 20px ;
	position: relative;
    overflow: hidden;


}


.col1 {
    float: left;
    width: 48%;
	padding-right:25px;

}

.col2 {
    float: left;
    width: 48%;

	

}

.col1a {
    float: left;
    width: 31%;
	padding-right:10px
}

.col2a {
    float: left;
    width: 31%;
padding-right:10px
	

}

.col3a {
    float: left;
    width: 33%;

	

}


b, strong {
  font-weight: 700; }

pre, textarea {
  overflow: auto; }



div {
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }



a {
  color: #cc3333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  font-weight: 500; }

a:focus,
a:hover {
  color: #4c4c4c; }




/* Image alignment & Media
============================================================ */
.aligncenter {
  display: block;
  margin: 0 auto 1em; }

.alignleft {
  display: block;
  margin: 0 auto 1em; }

.alignright {
  display: block;
  margin: 0 auto 1em; }

img,
audio,
video,
canvas {
  max-width: 100%; }

img {
  height: auto; }



/* Micro Clearfix
============================================================ */
.cf:before, .cf:after, .row:before, .row:after {
  content: "";
  display: table; }

.cf:after, .row:after {
  clear: both; }

.cf, .row {
  zoom: 1; }

/* For IE 6/7 (trigger hasLayout) */
/* 12 Column Mobile First Grid
============================================================ */













@media all and (min-width: 480px) {
  h1.heavy {
    font-size: 2.2em;
    padding-top: 0; } }

  
  
  
  @media screen and (max-width: 600px) {
.col1, .col2 {
width: 50%;
}

.col1a, .col2a, .col3a {
width: 100%;
}

.home, .art, .poetry, .about, .contact {
width: 100%;
}

.row1, .row2, .row3, .row4 {
width: 100%;

}


.container {
width: 90%;
}
header {
padding: 12% 10%;
margin-bottom: 30px;
}
h1 {
font-size: 35px;
line-height: 40px;
padding: 0 0 10px 0;
}
h3 {
padding: 25px 0 0 0;
}
.col1, .col2 {
float: none;
width: 95%;
}
.col1a, .col2a, col3a {
float: none;
width: 95%;
}

.row1, .row2, .row3, .row4 {
width: 100%;
float: none;

}