/*paragraphs*/

/*First Column*/
.columns_2--field_first_column { 
	margin-top: -20px;
	float:left;
	width:75%;
	}

.columns_2--field_first_column legend{ 
	border: none;
	}

@media only screen and (max-width: 768px) {
    .columns_2--field_first_column {
        width: 75%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .columns_2--field_first_column {
        width: 100%;
    }
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.columns_2--field_first_column legend span{ 
	display: none;}

/*Second column*/
.columns_2--field_second_column{ 
	margin-top: -20px;
	padding-left:20px;
	float:right;
	width:25%;
}
.columns_2--field_second_column legend{ 
	border: none;
	}

@media only screen and (max-width: 768px) {
    .columns_2--field_second_column {
        width: 25%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .columns_2--field_second_column {
        width: 100%;
    }
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.columns_2--field_second_column legend span{ 
	display: none;}

/* Library Hours Table */

.columns_2--field_second_column .hours {
font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #666;
}

.columns_2--field_second_column .hours, .hours tr, .hours td {
	border: none;
}

.columns_2--field_second_column .hours td, .hours th  {
padding: 5px;
}

.columns_2--field_second_column  .note {
color:#666666;
font-size:12px;
}

.columns_2--field_second_column .closing {
font-size:13px;
color:#a10404;
font-weight:bold;
}


/*Image align left to text style*/
.image_align_left {
	clear:left; 
}
.image_align_left img{
	float: left;
	padding: 0 10px 10px 0;
}

.image_align_left p{
	float: left;	
}


/*paragraph text type*/
.paragraph--type--heading{ 
	clear: both;
	padding-bottom: 20px;
	font-size: 20px;
	font-style: bold;}

.paragraph-telephone {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

/* Page Banner Image Style Responsive*/

.paragraph-banner-image {
	padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .paragraph-banner-image img {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .paragraph-banner-image img {
        width: 100%;
    }
}


@media only screen and (max-width: 768px) {
.views-view-grid .views-col {
	width:25% !important;
	float: left;
}
}



@media only screen and (max-width: 500px) {
.views-view-grid .views-col{
	clear: both;
    float: left;
    width: 100% !important;
}
}