/* Note: Design for a width of 900px and below */

	
	@media only screen and (min-width: 200px) and (max-width: 550px) {
		
		.content section.blog .items-row.cols-2 article.item.column-1, .content section.blog .items-row.cols-2 article.item.column-2 {
			width: 100%;
		}
		
	}

	@media only screen and (min-width: 200px) and (max-width: 860px) {

		.header-wrapper .navbar .top-nav {
            width: 45%;
            float:left;
         }
		.header-wrapper .navbar .quote {
            width: 45%;
            float:right;
         }
		.six.columns.utility {
			display:none;
		}
		.six.columns.logo {
			width:100%;
          	float:none;
			text-align:center;
		}	
	}


	@media only screen and (min-width: 200px) and (max-width: 960px) {
        .top-nav ul li a {
          font-size: 14px;
        }
        .navbar .quote h4 a.quotelink {
          font-size: 18px;
        }
        .six.columns.utility {
          width: 68%;
          float:right;
        }
      	.utility p a.phone, .utility p a.contact-us {
          font-size: 18px;
          margin-right: 10px;
          line-height: 25px;
        }
      	.utility p img {
          height:18px;
        }

	}