/*   
Theme Name: 	Scripps College Home Page
Theme URI: 		http://scrippscollege.edu
Description: 	Scripps College Home Page
Author: 		Scripps College
Author URI: 	http://scrippscollege.edu
Template:       scrippscollege
*/

/* Font Awesome */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

/* Home Page-specific Styling */

/*.gutter 	{ margin-top:15px; }*/
.no-gutter { margin: 0 !important; padding: 0 !important; }
.orange		{ background: #d18216; }

.slimright	{ padding-right: 0px !important; }
.slimleft	{ padding-left:  0px !important; }

h1 { font-size: 36px; line-height: 42px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 19px; margin: 0; line-height: 23px; }
h4 { font-size: 17px; margin: 0; line-height: 19px; }
h5 { font-size: 15px; margin: 0; line-height: 17px; }


/* Splash */
.carousel-caption { }
.splash-text { text-shadow: 1px 1px #000000; background: rgba(0, 0, 0, 0.7); text-align: left !important;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.45);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.45);
 }
.splash-text .glyphicon-tri { padding-top: 0px; height: 125px; }
#carousel .carousel-indicators li { 
	background: #fff; 
	padding: 3px; 
	margin: 3px !important;
	box-shadow: 0px 0px 5px #000;
	
	/**** transparency ****/
	/* Good browsers*/
	opacity: 0.5;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;
}
#carousel .carousel-indicators li.active { 
	/* Good browsers*/
	opacity: 1 !important;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;

	/* IE 5-7 */
	filter: alpha(opacity=100) !important;

	/* Netscape */
	-moz-opacity: 1 !important;

	/* Safari 1.x */
	-khtml-opacity: 1 !important;
}
#carousel .carousel-indicators li:hover { 
	/* Good browsers*/
	opacity: 0.75;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	/* IE 5-7 */
	filter: alpha(opacity=75);

	/* Netscape */
	-moz-opacity: 0.75;

	/* Safari 1.x */
	-khtml-opacity: 0.75;
}
.upper_left 	{ float: left; margin: 24% -10%; left: 0% !important; top: 0% !important;  }
.middle_left	{ float: left; margin: 20% -10%; left: 0% !important; top: 0% !important; }
.bottom_left 	{ float: left; margin: 2% 0%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 24% -20% 24% 50%; }
.middle_right	{ float: left; margin: 20% -20% 20% 50%; }
.bottom_right	{ float: left; margin: 0% -20% 2% 55%; }



/* News Section */
.newssection { float: left; border-right: 1px solid #e1e1e1; padding: 0 30px 0 0 !important;  }
.newssection2 { float: left; padding: 0 0 0 30px !important;  }
.newssection h5, .newssection2 h5 { margin: 0 0 5px 0 !important; line-height: 17px; }

.headlines-wrap	{ padding: 60px 0;
background: #ffffff;
-moz-box-shadow: inset 0 0 50px 100px #eef0ef;
-webkit-box-shadow: inset 0 0 50px 100px #eef0ef;
box-shadow: inset 0 0 100px 50px #eef0ef;
border-top: 1px solid #cccccc;
-webkit-transform: translate3d(0,0,1px);
}
.headlines h1, .campusnews-wrap h1	{ font-size: 42px !important; line-height: 46px; overflow:hidden; }
.headlines-banner { width: 100%; padding-right: 10px; }
.headlines-wrap h1, 
.headlines-wrap h1 a, 
.headlines-wrap h1 a:hover { 
	margin: 0 0 20px 0;
}
.headlines h4, 
.headlines h4 a, 
.headlines h4 a:hover,
.headlines h5, 
.headlines h5 a, 
.headlines h5 a:hover { 
	font-weight: bold;
	margin: 0 0 5px 0 !important;
	padding: 0;
}
a { text-decoration: none !important; }
.splash-text .readmore .glyphicon-triangle-right, .moresection .glyphicon-plus-sign { padding: 0 0 0 3px; top: 1px; }
.splash-text .readmore { text-transform: uppercase; font-size:11px; letter-spacing: 1px; }
.splash-text .readmore { padding: 0 5px 0 5px 0; color: #ffffff !important; }
.headlinenews	{ width: 460px; padding-right: 10px; display: block; }
.stories		{ float: left; width:100%; }
.story-list { padding: 0; margin: 0; list-style: none;  }
.story-list li { float: left; width: 100%; padding: 0 0 30px 0 !important; } 
.story-list .news-image { width: 100%; height: 100%; border: 1px solid #e1e1e1; }
.story-list .story-text { padding: 0 0 0 30px !important; }
.topstory .topstory-image img { width: 283px; height: 200px; margin-bottom: 30px; border: 1px solid #e1e1e1; }
.moresection { float: right; text-transform: uppercase; font-size:11px; letter-spacing: 1px; padding-top: 5px;   }
.moresection a { padding: 0 5px 0 5px 0; color: #4A7193 !important; }



.success	{ margin-left: 15px; margin-right: 15px; width: 301px !important; }
.signature	{ margin-right: 15px; width: 301px !important; }

.success-text { width: 301px; z-index: 2; }
.signature-text { width: 301px; z-index: 2; margin-left: -15px; }
.events-text { width: 308px; z-index: 2; margin-left: -15px; }

/*a:hover {text-decoration: underline !important; }
a:focus {text-decoration: underline !important; }*/




/* Campus News */
.campusnews-wrap { padding: 60px 0;  background: #ffffff;  
background: -moz-linear-gradient(top, #e5e8e7 0%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e5e8e7), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #e5e8e7 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e5e8e7 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e5e8e7 0%, #ffffff 100%);
background: linear-gradient(to bottom, #e5e8e7 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e8e7', endColorstr='#ffffff', GradientType=0 );
}
.campusnews		{ margin-left: 15px; text-align: left; }

.signature-text h1, 
.signature-text h1 a, 
.signature-text h1 a:hover,
.events-text h1, 
.events-text h1 a, 
.events-text h1 a:hover,
.campusinfo-wrap h1,
.campusinfo-wrap h1 a,
.campusinfo-wrap h1 a:hover { 
	color: #ffffff; 
	margin: 0px;
	text-decoration:none !important;
}

.news-tag { margin: 2px 0 7px 0; }
.news-tag a { background: #24516e; padding: 2px 5px; color: #ffffff !important; }

/* Upcoming Events and AtaGlance */
.campusevents-wrap h1, .ataglance-wrap h1 { text-shadow: 0 1px 0 #ffffff; font-size: 42px; margin-bottom: 60px !important; }
.ataglance-wrap h1  { text-shadow: 0 1px 0 #000000; font-size: 42px; }


/* Upcoming Events */
.campusevents-wrap { color: #333333; padding: 60px 0; float: left; width: 100%;  background: #ffffff;  
background: -moz-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #D9DBD9), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -o-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: linear-gradient(to bottom, #D9DBD9 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9DBD9', endColorstr='#ffffff', GradientType=0 );
border-top: 1px solid #cccccc;
-webkit-transform: translate3d(0,0,1px);
}
.campusevents-wrap h5 { margin: 15px 0 0 0 !important; line-height: 17px; }
.campusevents-wrap #carousel-campusevents .carousel-inner { height: 280px; margin: 0; }
.campusevents-wrap .image-size { margin: 0 auto; border-radius: 10px; overflow: hidden; border: 1px solid #ffffff; overflow: hidden; }
.campus-events-header { margin-bottom: 20px; }
.event-spotlight { float: left;   }
.event-spotlight img { width: 350px; }
.event-carousel { display: block; position: relative; float: left; border-bottom: 1px solid #e1e1e1; }
.event-description { margin-bottom: 30px !important; }
.event-description0 { padding-right: 10px !important; }
.event-description1 { padding: 0 5px !important; }
.event-description2 { padding-left: 10px !important; }
.event-text { color: #333333; padding-top: 15px !important; }
.event-text h5 { margin: 0 !important; }
.event-text span { color: #4A7193; font-size: 11px; }
.the_dates { color: #ffffff;  font-size: 20px; text-transform: uppercase; margin: 0 auto; }
.the_date { color: #ffffff; text-transform: uppercase; margin: 0 auto;  width: 90px; }
.the_date2 { color: #ffffff; font-size: 20px; text-transform: uppercase; float: left; margin-left: 20px;  width: 70px; }
.the_month { font-size: 20px; background: #56a1d5; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; }
.the_day { font-size: 40px; background: #254256; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; }
/* Carousel Control */
.control-box { width: 100px; right: 0; top: 200px; position: absolute; }
.control-box .carousel-control{ background: #666 !important; text-align: center; border-radius: 0px; font-size: 40px !important; line-height: 18px !important; font-weight: 200; opacity: 0.5; padding: 5px ; width: 45px !important; height: 35px; }
.campusevents-wrap .carousel-indicators li { 
	background: #fff; 
	padding: 3px; 
	margin: 3px !important;
	box-shadow: 0px 0px 5px #000;
	
	/**** transparency ****/
	/* Good browsers*/
	opacity: 0.5;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;
}
.campusevents-wrap .carousel-indicators li.active { 
	/* Good browsers*/
	opacity: 1 !important;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;

	/* IE 5-7 */
	filter: alpha(opacity=100) !important;

	/* Netscape */
	-moz-opacity: 1 !important;

	/* Safari 1.x */
	-khtml-opacity: 1 !important;
}
.campusevents-wrap .carousel-indicators li:hover { 
	/* Good browsers*/
	opacity: 0.75;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	/* IE 5-7 */
	filter: alpha(opacity=75);

	/* Netscape */
	-moz-opacity: 0.75;

	/* Safari 1.x */
	-khtml-opacity: 0.75;
}


/* At a Glance */
.ataglance-wrap { padding: 60px 0; float: left; width: 100%; color: #ffffff; 
background: #424242;
 }
.ataglance-wrap .container { width: 940px !important;  } 
.ataglance-wrap .ataglance-header { margin-bottom: 30px;  } 
.ataglance-wrap .ataglance-sub-header { color: #8dd8f8; font-size: 60px; line-height: 70px; margin-bottom: 15px;  } 
.ataglance-wrap .ataglance-sub-header2 { color: #ffffff; font-size: 20px; margin-bottom: 60px;  } 
.ataglance-wrap a { float: left; } 
.ataglance-wrap a:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.ataglance-wrap img { max-width: 280px; max-height: 250px;  } 
.ataglance-wrap .btn-lg { color: #ffffff; }


.moreopportunity-wrap {
	float: left;
	width: 100%;
  height: 300px;
  padding: 60px;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
  transform-style: inherit;
  background: #231F20;
  background-attachment: fixed;
  text-align: center;
  color: #ffffff;
}

.moreopportunity {
max-width: 740px;
margin: auto; 
}

.moreopportunity-wrap .readmore { display: inline-block; padding: 30px 30px 0 30px; }
.moreopportunity-wrap .readmore a { color: #ffffff !important; }
.moreopportunity-wrap .readmore a:hover { text-decoration: underline !important;}



/* Campus Information */
.campusinfo-wrap { color: #ffffff; text-align: center; float: left; width: 100%;  padding: 60px 0; 
background: -moz-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #D9DBD9), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -o-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #D9DBD9 0%, #ffffff 100%);
background: linear-gradient(to bottom, #D9DBD9 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9DBD9', endColorstr='#ffffff', GradientType=0 );
border-top: 1px solid #cccccc;

}
.campusinfo-wrap h3 { text-transform: uppercase; font-size: 16px; font-weight: bold; letter-spacing: .1em; }
.campusinfo-wrap a {}
.campusinfo-wrap a:hover { color: #666666 !important; }
/*.campusinfo-wrap a:hover .image-size { -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/
.campusinfo-wrap .image-size { margin: 0 auto; border-radius: 5px; overflow: hidden; border: 1px solid #e1e1e1; overflow: hidden; }
/*.campusinfo-wrap .image-size:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); */
}
.campusinfo-wrap .link-campustour:hover { text-decoration: none;}
.campusinfo-wrap .link-campustour:hover h2 { color: #337AB7; }
.campusinfo-wrap .scheduletour { margin: 0 auto ; display: block; width: 39px; height: 49px; background: url(images/schedule-tour.png) top; text-indent: -99999px;}
.campusinfo-wrap .link-scheduletour:hover { text-decoration: none;}
.campusinfo-wrap .link-scheduletour:hover h2 { color: #337AB7; }
.campusinfo-wrap .link-scheduletour:hover .scheduletour { background-position: bottom;}
.campusinfo-wrap .visitcampus { margin: 0 auto; text-align: center; display: block; width: 50px; height: 50px; background: url(images/visit-campus.png) top; text-indent: -99999px;}
.campusinfo-wrap .link-visitcampus:hover { text-decoration: none;}
.campusinfo-wrap .link-visitcampus:hover h2 { color: #337AB7; }
.campusinfo-wrap .link-visitcampus:hover .visitcampus { background-position: bottom;}



/* skrollr plugin */
.skrollable { /* First-level skrollables are positioned relative to window */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}

.btn-lg { margin-top: -40px !important; padding: 0 !important; text-align: center; width: 100%;  }


.headlines-banner h1 	{ padding: 0; }
.signature-text h1 		{ padding: 5px 3px 3px 6px; }
.events-text h1 		{ padding: 5px 3px 3px 6px; }

.campusevents h1, 
.campusevents h1 a, 
.campusevents h1 a:hover,
.ataglance h1, 
.ataglance h1 a, 
.ataglance h1 a:hover,
.campusinfo-wrap h1, 
.campusinfo-wrap h1 a, 
.campusinfo-wrap h1 a:hover,
.campusnews-wrap h1	{
	margin: 0 0 10px 0;
	text-align: center;
}

.headlines-banner p,
.headlines-banner a,
.headlines-banner a:hover,
.signature-text p,
.signature-text a,
.signature-text a:hover,
.events-text p,
.events-text a,
.events-text a:hover { 
	color: #ffffff; 
}

.headlines-banner p,
.signature-text p,
.events-text p {
	padding: 0px 8px 8px 8px;
	margin: 0px;
}

.signature-text a,
.events-text a { 
	font-weight: bold;
}

/* Font Resize */

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 15px 0 !important; }
.splash-text { padding: 15px; }
.splash-text .readmore { padding-top: 15px; }

.splash-text h1 { font-size: 90px; }
.splash-text h2 { font-size: 60px; }
.splash-text h3 { font-size: 40px; }
.splash-text h4 { font-size: 30px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; }


@media all and (min-width: 2001px) {
#carousel .carousel-indicators li { padding: 7px; margin: 5px !important; }
.splash-text h1 { font-size: 85px; }
.splash-text h2 { font-size: 55px; }
.splash-text h3 { font-size: 35px; }
.splash-text h4 { font-size: 25px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; }
}

@media all and (max-width: 2000px) {
	#carousel .carousel-indicators li { padding: 7px; margin: 5px !important; }
.splash-text h1 { font-size: 80px; }
.splash-text h2 { font-size: 50px; }
.splash-text h3 { font-size: 30px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; }
}

@media all and (max-width: 1900px) {
#carousel .carousel-indicators li { padding: 7px; margin: 5px !important; }
.splash-text h1 { font-size: 75px; }
.splash-text h2 { font-size: 45px; }
.splash-text h3 { font-size: 30px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 
}

@media all and (max-width: 1800px) {
	
#carousel .carousel-indicators li { padding: 7px; margin: 5px !important; }

.upper_left 	{ float: left; margin: 26% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 18% -10%; left: 0% !important; top: 0% !important; }
.middle_right	{ float: left; margin: 18% -20% 18% 50%; }

.splash-text h1 { font-size: 70px; }
.splash-text h2 { font-size: 40px; }
.splash-text h3 { font-size: 27px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 
}
@media all and (max-width: 1700px) {

.upper_left 	{ float: left; margin: 25% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 17% -10%; left: 0% !important; top: 0% !important; }
.middle_right	{ float: left; margin: 16% -20% 16% 50%; }

.splash-text h1 { font-size: 65px; }
.splash-text h2 { font-size: 35px; }
.splash-text h3 { font-size: 26px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 
}
@media all and (max-width: 1600px) {

#carousel .carousel-indicators li { padding: 6px; margin: 4px !important; }

.upper_left 	{ float: left; margin: 24% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 16% -10%; left: 0% !important; top: 0% !important; }
.middle_right	{ float: left; margin: 14% -20% 14% 50%; }

.splash-text h1 { font-size: 60px; }
.splash-text h2 { font-size: 33px; }
.splash-text h3 { font-size: 25px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; }   
}
@media all and (max-width: 1500px) {
.upper_left 	{ float: left; margin: 23% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 15% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 21% -20% 21% 50%; }
.middle_right	{ float: left; margin: 12% -20% 12% 50%; }

.splash-text h1 { font-size: 55px; }
.splash-text h2 { font-size: 30px; }
.splash-text h3 { font-size: 24px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; }  
}
@media all and (max-width: 1400px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 13px 0 !important; }
.splash-text { padding: 13px; }
.splash-text .readmore { padding-top: 13px; }
#carousel .carousel-indicators li { padding: 5px; margin: 4px !important; }

.upper_left 	{ float: left; margin: 22% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 14% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 19% -20% 19% 50%; }
.middle_right	{ float: left; margin: 10% -20% 10% 50%; }

.splash-text h1 { font-size: 55px; }
.splash-text h2 { font-size: 30px; }
.splash-text h3 { font-size: 23px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 
  
}
@media all and (max-width: 1300px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 12px 0 !important; }
.splash-text { padding: 12px; }
.splash-text .readmore { padding-top: 12px; }

.upper_left 	{ float: left; margin: 23% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 13% -10%; left: 0% !important; top: 0% !important; }
.bottom_left 	{ float: left; margin: 0% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 17% -20% 17% 50%; }
.middle_right	{ float: left; margin: 8% -20% 8% 50%; }
.bottom_right	{ float: left; margin: 0% -20% 2% 50%; }
  
.splash-text h1 { font-size: 55px; }
.splash-text h2 { font-size: 30px; }
.splash-text h3 { font-size: 23px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 

 
}
@media all and (max-width: 1200px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 11px 0 !important; }
.splash-text { padding: 11px; }
.splash-text .readmore { padding-top: 11px; }
#carousel .carousel-indicators li { padding: 4px; margin: 3px !important; }

.upper_left 	{ float: left; margin: 22% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 12% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 15% -20% 15% 50%; }
.middle_right	{ float: left; margin: 6% -20% 6% 50%; }

.splash-text h1 { font-size: 55px; }
.splash-text h2 { font-size: 30px; }
.splash-text h3 { font-size: 23px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 


  
}
@media all and (max-width: 1100px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 11px 0 !important; }
.splash-text { padding: 11px; }
.splash-text .readmore { padding-top: 11px; }
#carousel .carousel-indicators li { padding: 4px; margin: 4px !important; }

.upper_left 	{ float: left; margin: 21% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 11% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 12% -20% 12% 50%; }
.middle_right	{ float: left; margin: 4% -20% 4% 50%; }

.splash-text h1 { font-size: 55px; }
.splash-text h2 { font-size: 30px; }
.splash-text h3 { font-size: 23px; }
.splash-text h4 { font-size: 22px; }
.splash-text h5 { font-size: 20px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 


  
}
@media all and (max-width: 1000px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 10px 0 !important; }
.splash-text { padding: 10px; }
.splash-text .readmore { padding-top: 10px; }

.upper_left 	{ float: left; margin: 20% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 6% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 9% -20% 9% 50%; }
.middle_right	{ float: left; margin: 4% -20% 4% 50%; }

 
}

@media (max-width: 991px) {

/* News Section */
.newssection { border-right: 0;  }
.newssection2 { padding: 15px 0 0 0px !important; border-top: 1px solid #e1e1e1; margin-top: 30px;  }
.newssection h5, .newssection2 h5 { margin: 0 0 5px 0 !important; line-height: 17px; }

.headlines-wrap	{ padding: 60px 0;
background: #ffffff;
-moz-box-shadow: inset 0 0 50px 100px #eef0ef;
-webkit-box-shadow: inset 0 0 50px 100px #eef0ef;
box-shadow: inset 0 0 100px 50px #eef0ef;
border-top: 1px solid #cccccc;

}
.headlines h1	{ width: 100%; }
.headlines-banner { width: 100%; padding-right: 10px; }
.headlines-wrap h1, 
.headlines-wrap h1 a, 
.headlines-wrap h1 a:hover { 
	margin: 0 0 20px 0;
}
.headlines h4, 
.headlines h4 a, 
.headlines h4 a:hover,
.headlines h5, 
.headlines h5 a, 
.headlines h5 a:hover { 
	font-weight: bold;
	margin: 0 0 5px 0 !important;
	padding: 0;
}
a { text-decoration: none !important; }
.readmore .glyphicon-triangle-right, .moresection .glyphicon-plus-sign { padding: 0 0 0 3px; top: 1px; }
.readmore { text-transform: uppercase; font-size:11px; letter-spacing: 1px; }
.readmore a { padding: 0 5px 0 5px 0; color: #4A7193 !important; }
.headlinenews	{ width: 460px; padding-right: 10px; display: block; }
.stories		{ float: left; width:100%; }
.story-list li { float: left; height: 350px; width: 33.3%; padding: 0px 15px 0 0 !important; } 
.story-list .news-image { width: 100% !important; border: 1px solid #e1e1e1; }
.story-list .story-text { padding: 15px 0 0 0px !important; }
.topstory .topstory-image { float: left; padding-right: 30px; }
.moresection { float: right; text-transform: uppercase; font-size:11px; letter-spacing: 1px; padding-top: 5px;   }
.moresection a { padding: 0 5px 0 5px 0; color: #4A7193 !important; }



.success	{ margin-left: 15px; margin-right: 15px; width: 301px !important; }
.signature	{ margin-right: 15px; width: 301px !important; }

.success-text { width: 301px; z-index: 2; }
.signature-text { width: 301px; z-index: 2; margin-left: -15px; }
.events-text { width: 308px; z-index: 2; margin-left: -15px; }

.event-spotlight img { width: 250px; }
.ataglance-wrap .container { width: 100% !important;  } 
.ataglance-wrap .ataglance-images { margin: 0 auto; width: 730px;  } 
.ataglance-wrap img { max-width: 200px; height: 179px;  } 
.ataglance-wrap .ataglance-sub-header { font-size: 40px; line-height: 50px; margin-bottom: 15px;  } 
.ataglance-wrap .ataglance-sub-header2 { font-size: 15px; margin-bottom: 30px;  } 
	
}


@media all and (max-width: 900px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 9px 0 !important; }
.splash-text { padding: 9px; }
.splash-text .readmore { padding-top: 9px; }
#carousel .carousel-indicators li { border: 1px solid #333333 !important; padding: 3px; margin: 3px !important; }

.upper_left 	{ float: left; margin: 19% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 5% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 7% -20% 7% 50%; }
.middle_right	{ float: left; margin: 4% -20% 4% 50%; }

.splash-text h1 { font-size: 40px; }
.splash-text h2 { font-size: 23px; }
.splash-text h3 { font-size: 20px; }
.splash-text h4 { font-size: 18px; }
.splash-text h5 { font-size: 16px; }
.splash-text h6 { font-size: 16px; }
.splash-text h7 { font-size: 14px; }
.splash-text h8 { font-size: 12px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 

  
}
@media all and (max-width: 800px) {

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 8px 0 !important; }
.splash-text { padding: 8px; }
.splash-text .readmore { padding-top: 8px; }

.upper_left 	{ float: left; margin: 18% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 4% -10%; left: 0% !important; top: 0% !important; }
.upper_right 	{ float: left; margin: 5% -20% 5% 50%; }
.middle_right	{ float: left; margin: 4% -20% 4% 50%; }

.splash-text h1 { font-size: 35px; }
.splash-text h2 { font-size: 25px; }
.splash-text h3 { font-size: 18px; }
.splash-text h4 { font-size: 15px; }
.splash-text h5 { font-size: 14px; }
.splash-text h6 { font-size: 13px; }
.splash-text h7 { font-size: 12px; }
.splash-text h8 { font-size: 11px; }
.splash-text h9 { font-size: 10px; }
.splash-text h10 { font-size: 9px; } 
  
}


@media (max-width: 767px) {
.bcg { margin-top: 0; }
.header-space { display: none ;}
.upper_left 	{ margin: 0 !important;  }
.bottom_left 	{ float: left; margin: 2% 2%; }
.upper_right 	{ float: right; margin: 17% 14%; }
.bottom_right	{ float: right; margin: 2% 14%; }

h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 7px 0 !important; }

.upper_left 	{ float: left; margin: 17% -10%; left: 0% !important; top: 0% !important; }
.middle_left	{ float: left; margin: 3% -10%; left: 0% !important; top: 0% !important; }

.splash-text { padding: 0 15px; text-shadow: 0px 0px #ffffff; background: none;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0);
}
.splash-text .readmore { padding-top: 7px; }

.splash-text h1 { font-size: 25px; }
.splash-text h2 { font-size: 20px; }
.splash-text h3 { font-size: 17px; }
.splash-text h4 { font-size: 14px; }
.splash-text h5 { font-size: 12px; }
.splash-text h6 { font-size: 11px; }
.splash-text h7 { font-size: 10px; }
.splash-text h8 { font-size: 9px; }
.splash-text h9 { font-size: 8px; }
.splash-text h10 { font-size: 7px; } 

.campusinfo-wrap { float: none; }
.campusinfo-wrap .splash-text { width: 100%; padding-left: 150px !important; text-shadow: 0 #000000; background: #000000; text-align: left !important; }

.carousel-caption-mobile { background: #000 !important; }
.carousel-caption-mobile .readmore { margin-top: 100px; }
.carousel-inner { overflow: visible !important; margin-bottom: 150px;   }

.newssection2 { padding: 30px 30px 0 0 !important;   }
.event-spotlight { width: 100%; margin: 0 auto; padding-bottom: 30px !important; text-align: center; }
.event-spotlight img { width: 350px;  }
.campusevents  { padding-right: 30px; text-align: center; }
.campusinfo-wrap .image-size { margin-top: 30px; }
.ataglance-wrap  { padding: 30px; }
.ataglance-wrap img { height: 121px; width: 150px; }
.ataglance-wrap .ataglance-images { margin: 0 auto; padding: 15px; width: 100%;  }

}


@media (max-width: 667px) {
	
.story-list li { float: left; height: 100%; width: 100%; padding: 0px 15px 60px 0 !important; }	
.story-list .news-image {  }
.ataglance-wrap  { padding: 30px; }
.ataglance-wrap .ataglance-images { padding: 15px;  }

}


@media all and (max-width: 600px) {
	
h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 6px 0 !important; }
.splash-text .readmore { padding-top: 6px; }
.campusevents-wrap #carousel-campusevents .carousel-inner { height: 350px; margin: 0; }
.ataglance-wrap .ataglance-images { padding: 10px;  }
.ataglance-wrap img { height: 100%; width: 125px; }


.control-box { width: 100px; right: 0; top: 300px; position: absolute; }
}
@media all and (max-width: 500px) {


h1, h1, h3, h4, h5, h6, hr { padding: 0 !important; margin: 5px 0 !important; }
.splash-text .readmore { padding-top: 5px; }
.ataglance-wrap .ataglance-images { padding: 5px;  }
.ataglance-wrap img { width: 115px; }


  
}
@media all and (max-width: 400px) {
.ataglance-wrap img { width: 100px; }	

  
}
@media all and (max-width: 300px) {
	
 
  
}

/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
}
}
@media all {
  /* line 10, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  /* line 21, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  /* line 32, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-container:after, .clearfix:after {
    clear: both;
  }

  /* line 36, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 44, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 52, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 59, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  /* line 70, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-100:after {
    clear: both;
  }

  /* line 95, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-5,
  .mobile-pull-5, .mobile-push-10,
  .mobile-pull-10, .mobile-push-15,
  .mobile-pull-15, .mobile-push-20,
  .mobile-pull-20, .mobile-push-25,
  .mobile-pull-25, .mobile-push-30,
  .mobile-pull-30, .mobile-push-35,
  .mobile-pull-35, .mobile-push-40,
  .mobile-pull-40, .mobile-push-45,
  .mobile-pull-45, .mobile-push-50,
  .mobile-pull-50, .mobile-push-55,
  .mobile-pull-55, .mobile-push-60,
  .mobile-pull-60, .mobile-push-65,
  .mobile-pull-65, .mobile-push-70,
  .mobile-pull-70, .mobile-push-75,
  .mobile-pull-75, .mobile-push-80,
  .mobile-pull-80, .mobile-push-85,
  .mobile-pull-85, .mobile-push-90,
  .mobile-pull-90, .mobile-push-95,
  .mobile-pull-95, .mobile-push-33,
  .mobile-pull-33, .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }

  /* line 99, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .hide-on-mobile {
    display: none !important;
  }

  /* line 103, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  /* line 108, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-5 {
    margin-left: 5%;
  }

  /* line 112, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-5 {
    margin-right: 5%;
  }

  /* line 116, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-5 {
    left: 5%;
  }

  /* line 120, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-5 {
    left: -5%;
  }

  /* line 124, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  /* line 129, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-10 {
    margin-left: 10%;
  }

  /* line 133, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-10 {
    margin-right: 10%;
  }

  /* line 137, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-10 {
    left: 10%;
  }

  /* line 141, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-10 {
    left: -10%;
  }

  /* line 145, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  /* line 150, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-15 {
    margin-left: 15%;
  }

  /* line 154, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-15 {
    margin-right: 15%;
  }

  /* line 158, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-15 {
    left: 15%;
  }

  /* line 162, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-15 {
    left: -15%;
  }

  /* line 166, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  /* line 171, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-20 {
    margin-left: 20%;
  }

  /* line 175, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-20 {
    margin-right: 20%;
  }

  /* line 179, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-20 {
    left: 20%;
  }

  /* line 183, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-20 {
    left: -20%;
  }

  /* line 187, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  /* line 192, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-25 {
    margin-left: 25%;
  }

  /* line 196, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-25 {
    margin-right: 25%;
  }

  /* line 200, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-25 {
    left: 25%;
  }

  /* line 204, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-25 {
    left: -25%;
  }

  /* line 208, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  /* line 213, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-30 {
    margin-left: 30%;
  }

  /* line 217, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-30 {
    margin-right: 30%;
  }

  /* line 221, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-30 {
    left: 30%;
  }

  /* line 225, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-30 {
    left: -30%;
  }

  /* line 229, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  /* line 234, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-35 {
    margin-left: 35%;
  }

  /* line 238, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-35 {
    margin-right: 35%;
  }

  /* line 242, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-35 {
    left: 35%;
  }

  /* line 246, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-35 {
    left: -35%;
  }

  /* line 250, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  /* line 255, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-40 {
    margin-left: 40%;
  }

  /* line 259, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-40 {
    margin-right: 40%;
  }

  /* line 263, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-40 {
    left: 40%;
  }

  /* line 267, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-40 {
    left: -40%;
  }

  /* line 271, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  /* line 276, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-45 {
    margin-left: 45%;
  }

  /* line 280, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-45 {
    margin-right: 45%;
  }

  /* line 284, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-45 {
    left: 45%;
  }

  /* line 288, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-45 {
    left: -45%;
  }

  /* line 292, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  /* line 297, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-50 {
    margin-left: 50%;
  }

  /* line 301, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-50 {
    margin-right: 50%;
  }

  /* line 305, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-50 {
    left: 50%;
  }

  /* line 309, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-50 {
    left: -50%;
  }

  /* line 313, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  /* line 318, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-55 {
    margin-left: 55%;
  }

  /* line 322, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-55 {
    margin-right: 55%;
  }

  /* line 326, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-55 {
    left: 55%;
  }

  /* line 330, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-55 {
    left: -55%;
  }

  /* line 334, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  /* line 339, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-60 {
    margin-left: 60%;
  }

  /* line 343, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-60 {
    margin-right: 60%;
  }

  /* line 347, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-60 {
    left: 60%;
  }

  /* line 351, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-60 {
    left: -60%;
  }

  /* line 355, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  /* line 360, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-65 {
    margin-left: 65%;
  }

  /* line 364, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-65 {
    margin-right: 65%;
  }

  /* line 368, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-65 {
    left: 65%;
  }

  /* line 372, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-65 {
    left: -65%;
  }

  /* line 376, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  /* line 381, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-70 {
    margin-left: 70%;
  }

  /* line 385, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-70 {
    margin-right: 70%;
  }

  /* line 389, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-70 {
    left: 70%;
  }

  /* line 393, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-70 {
    left: -70%;
  }

  /* line 397, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  /* line 402, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-75 {
    margin-left: 75%;
  }

  /* line 406, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-75 {
    margin-right: 75%;
  }

  /* line 410, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-75 {
    left: 75%;
  }

  /* line 414, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-75 {
    left: -75%;
  }

  /* line 418, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  /* line 423, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-80 {
    margin-left: 80%;
  }

  /* line 427, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-80 {
    margin-right: 80%;
  }

  /* line 431, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-80 {
    left: 80%;
  }

  /* line 435, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-80 {
    left: -80%;
  }

  /* line 439, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  /* line 444, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-85 {
    margin-left: 85%;
  }

  /* line 448, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-85 {
    margin-right: 85%;
  }

  /* line 452, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-85 {
    left: 85%;
  }

  /* line 456, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-85 {
    left: -85%;
  }

  /* line 460, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  /* line 465, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-90 {
    margin-left: 90%;
  }

  /* line 469, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-90 {
    margin-right: 90%;
  }

  /* line 473, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-90 {
    left: 90%;
  }

  /* line 477, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-90 {
    left: -90%;
  }

  /* line 481, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  /* line 486, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-95 {
    margin-left: 95%;
  }

  /* line 490, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-95 {
    margin-right: 95%;
  }

  /* line 494, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-95 {
    left: 95%;
  }

  /* line 498, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-95 {
    left: -95%;
  }

  /* line 502, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  /* line 507, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  /* line 511, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  /* line 515, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-33 {
    left: 33.33333%;
  }

  /* line 519, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-33 {
    left: -33.33333%;
  }

  /* line 523, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  /* line 528, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  /* line 532, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  /* line 536, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-push-66 {
    left: 66.66667%;
  }

  /* line 540, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-pull-66 {
    left: -66.66667%;
  }

  /* line 544, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /* line 551, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  /* line 562, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-100:after {
    clear: both;
  }

  /* line 587, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-5,
  .pull-5, .push-10,
  .pull-10, .push-15,
  .pull-15, .push-20,
  .pull-20, .push-25,
  .pull-25, .push-30,
  .pull-30, .push-35,
  .pull-35, .push-40,
  .pull-40, .push-45,
  .pull-45, .push-50,
  .pull-50, .push-55,
  .pull-55, .push-60,
  .pull-60, .push-65,
  .pull-65, .push-70,
  .pull-70, .push-75,
  .pull-75, .push-80,
  .pull-80, .push-85,
  .pull-85, .push-90,
  .pull-90, .push-95,
  .pull-95, .push-33,
  .pull-33, .push-66,
  .pull-66 {
    position: relative;
  }

  /* line 591, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .hide-on-desktop {
    display: none !important;
  }

  /* line 595, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-5 {
    float: left;
    width: 5%;
  }

  /* line 600, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-5 {
    margin-left: 5%;
  }

  /* line 604, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-5 {
    margin-right: 5%;
  }

  /* line 608, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-5 {
    left: 5%;
  }

  /* line 612, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-5 {
    left: -5%;
  }

  /* line 616, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-10 {
    float: left;
    width: 10%;
  }

  /* line 621, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-10 {
    margin-left: 10%;
  }

  /* line 625, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-10 {
    margin-right: 10%;
  }

  /* line 629, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-10 {
    left: 10%;
  }

  /* line 633, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-10 {
    left: -10%;
  }

  /* line 637, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-15 {
    float: left;
    width: 15%;
  }

  /* line 642, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-15 {
    margin-left: 15%;
  }

  /* line 646, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-15 {
    margin-right: 15%;
  }

  /* line 650, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-15 {
    left: 15%;
  }

  /* line 654, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-15 {
    left: -15%;
  }

  /* line 658, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-20 {
    float: left;
    width: 20%;
  }

  /* line 663, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-20 {
    margin-left: 20%;
  }

  /* line 667, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-20 {
    margin-right: 20%;
  }

  /* line 671, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-20 {
    left: 20%;
  }

  /* line 675, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-20 {
    left: -20%;
  }

  /* line 679, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-25 {
    float: left;
    width: 25%;
  }

  /* line 684, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-25 {
    margin-left: 25%;
  }

  /* line 688, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-25 {
    margin-right: 25%;
  }

  /* line 692, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-25 {
    left: 25%;
  }

  /* line 696, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-25 {
    left: -25%;
  }

  /* line 700, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-30 {
    float: left;
    width: 30%;
  }

  /* line 705, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-30 {
    margin-left: 30%;
  }

  /* line 709, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-30 {
    margin-right: 30%;
  }

  /* line 713, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-30 {
    left: 30%;
  }

  /* line 717, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-30 {
    left: -30%;
  }

  /* line 721, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-35 {
    float: left;
    width: 35%;
  }

  /* line 726, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-35 {
    margin-left: 35%;
  }

  /* line 730, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-35 {
    margin-right: 35%;
  }

  /* line 734, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-35 {
    left: 35%;
  }

  /* line 738, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-35 {
    left: -35%;
  }

  /* line 742, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-40 {
    float: left;
    width: 40%;
  }

  /* line 747, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-40 {
    margin-left: 40%;
  }

  /* line 751, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-40 {
    margin-right: 40%;
  }

  /* line 755, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-40 {
    left: 40%;
  }

  /* line 759, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-40 {
    left: -40%;
  }

  /* line 763, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-45 {
    float: left;
    width: 45%;
  }

  /* line 768, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-45 {
    margin-left: 45%;
  }

  /* line 772, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-45 {
    margin-right: 45%;
  }

  /* line 776, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-45 {
    left: 45%;
  }

  /* line 780, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-45 {
    left: -45%;
  }

  /* line 784, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-50 {
    float: left;
    width: 50%;
  }

  /* line 789, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-50 {
    margin-left: 50%;
  }

  /* line 793, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-50 {
    margin-right: 50%;
  }

  /* line 797, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-50 {
    left: 50%;
  }

  /* line 801, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-50 {
    left: -50%;
  }

  /* line 805, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-55 {
    float: left;
    width: 55%;
  }

  /* line 810, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-55 {
    margin-left: 55%;
  }

  /* line 814, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-55 {
    margin-right: 55%;
  }

  /* line 818, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-55 {
    left: 55%;
  }

  /* line 822, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-55 {
    left: -55%;
  }

  /* line 826, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-60 {
    float: left;
    width: 60%;
  }

  /* line 831, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-60 {
    margin-left: 60%;
  }

  /* line 835, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-60 {
    margin-right: 60%;
  }

  /* line 839, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-60 {
    left: 60%;
  }

  /* line 843, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-60 {
    left: -60%;
  }

  /* line 847, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-65 {
    float: left;
    width: 65%;
  }

  /* line 852, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-65 {
    margin-left: 65%;
  }

  /* line 856, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-65 {
    margin-right: 65%;
  }

  /* line 860, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-65 {
    left: 65%;
  }

  /* line 864, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-65 {
    left: -65%;
  }

  /* line 868, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-70 {
    float: left;
    width: 70%;
  }

  /* line 873, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-70 {
    margin-left: 70%;
  }

  /* line 877, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-70 {
    margin-right: 70%;
  }

  /* line 881, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-70 {
    left: 70%;
  }

  /* line 885, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-70 {
    left: -70%;
  }

  /* line 889, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-75 {
    float: left;
    width: 75%;
  }

  /* line 894, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-75 {
    margin-left: 75%;
  }

  /* line 898, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-75 {
    margin-right: 75%;
  }

  /* line 902, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-75 {
    left: 75%;
  }

  /* line 906, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-75 {
    left: -75%;
  }

  /* line 910, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-80 {
    float: left;
    width: 80%;
  }

  /* line 915, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-80 {
    margin-left: 80%;
  }

  /* line 919, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-80 {
    margin-right: 80%;
  }

  /* line 923, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-80 {
    left: 80%;
  }

  /* line 927, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-80 {
    left: -80%;
  }

  /* line 931, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-85 {
    float: left;
    width: 85%;
  }

  /* line 936, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-85 {
    margin-left: 85%;
  }

  /* line 940, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-85 {
    margin-right: 85%;
  }

  /* line 944, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-85 {
    left: 85%;
  }

  /* line 948, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-85 {
    left: -85%;
  }

  /* line 952, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-90 {
    float: left;
    width: 90%;
  }

  /* line 957, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-90 {
    margin-left: 90%;
  }

  /* line 961, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-90 {
    margin-right: 90%;
  }

  /* line 965, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-90 {
    left: 90%;
  }

  /* line 969, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-90 {
    left: -90%;
  }

  /* line 973, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-95 {
    float: left;
    width: 95%;
  }

  /* line 978, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-95 {
    margin-left: 95%;
  }

  /* line 982, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-95 {
    margin-right: 95%;
  }

  /* line 986, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-95 {
    left: 95%;
  }

  /* line 990, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-95 {
    left: -95%;
  }

  /* line 994, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  /* line 999, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-33 {
    margin-left: 33.33333%;
  }

  /* line 1003, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-33 {
    margin-right: 33.33333%;
  }

  /* line 1007, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-33 {
    left: 33.33333%;
  }

  /* line 1011, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-33 {
    left: -33.33333%;
  }

  /* line 1015, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  /* line 1020, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .prefix-66 {
    margin-left: 66.66667%;
  }

  /* line 1024, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .suffix-66 {
    margin-right: 66.66667%;
  }

  /* line 1028, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .push-66 {
    left: 66.66667%;
  }

  /* line 1032, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .pull-66 {
    left: -66.66667%;
  }

  /* line 1036, ../scss/_unsemantic-grid-responsive-no-ie7.scss */
  .grid-100 {
    clear: both;
    width: 100%;
  }
}
/* line 14, ../scss/base.scss */
html, body {
  background-color: #f5f7fa;
  color: #3d1a06;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}

/* line 25, ../scss/base.scss */
.ui-btn.icon-round[class^="icon-"], .ui-btn.icon-round[class*=" icon-"] {
  border-radius: 1.1em !important;
  width: 2.1em !important;
  height: 2.1em !important;
  line-height: 2em !important;
  text-align: center;
  vertical-align: center;
  padding: 0 0.05em 0.05em 0 !important;
  display: inline-block !important;
  clear: both !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-width: 0.1em !important;
}

/* line 44, ../scss/base.scss */
.middle-icon[class^="icon-"], .middle-icon[class*=" icon-"] {
  text-decoration: none !important;
  padding: 0 0.05em 0.05em 0 !important;
  width: 2.1em !important;
  height: 2.1em !important;
  line-height: 2em !important;
  overflow: hidden !important;
  text-align: center;
  vertical-align: center;
}

@media all and (max-width: 1100px) {
  /* line 57, ../scss/base.scss */
  .ui-btn[class^="icon-"]:before, .ui-btn[class*=" icon-"]:before, .ui-btn[class^="icon-"], .ui-btn[class*=" icon-"] {
    font-size: 16px !important;
  }

  /* line 61, ../scss/base.scss */
  .middle-icon {
    font-size: 14px !important;
  }
}