/****** Device Specific Settings ******/

/** Breakpoint **/
@media (max-width:992px) {

	#visit .boilerplate {
		margin-top: 5%;
	}

	#visit h1 {
		font-size: 30px;
	}

	#visit p {
		font-size: 18px;
	}

	#students #panel-a-quote-a p, 
	#students #panel-a-quote-b p {
	    font-size: 30px;
	}

	#students #panel-b-quote-a p,
	#students #panel-c-quote-a p {
    	font-size: 16px;
 	}

 	#students .hiddenquote.quoteb,
 	#students .hiddenquote.quotec {
 		margin-top: 10%;
 	}

	#students .hiddenquote p {
	    font-size: 16px;
	}

	#students .hiddenquote p.attribute {
	    font-size:14px;
	}
}


/** Medium sized devices **/

/*@media (max-width:767px) {*/

@media (max-width:850px) {
	#home h1 {
		font-size:30px;
		margin: 10px auto;
		line-height: 1.2em;
	}

	#home h1 span {
		font-size: 55px;
		margin-top:20%;
	}

	#home h2 {
		font-size: 25px;
	}


	#intro p {
		font-size: 20px;
	}

	#intro {
		padding-left: 30px;
		padding-right: 30px;
	}

	#actions a {
    	width: auto;
	}

	#actions a i {
	    font-size: 30px;
	}

	#actions a p {
		font-size: 14px;
	}


	#students #panel-a-quote-a p, 
	#students #panel-a-quote-b p {
	    font-size: 30px;
	}

	#students #panel-b-quote-a p,
	#students #panel-c-quote-a p {
    	font-size: 18px;
 	}

 	#students .hiddenquote.quoteb,
 	#students .hiddenquote.quotec {
 		margin-top: 5%;
 	}

	#students .hiddenquote p {
	    font-size: 16px;
	}

	#students .hiddenquote p.attribute {
	    font-size:14px;
	}


	#featuredquote p {
		font-size: 20px;
	}


	#peavy-hall h1 span {
	    font-size: 40px;
	}

	#peavy-hall p {
		font-size: 20px;
	}


	#visit .boilerplate {
	    margin-top: 5%;
	    padding: 8px 30px 0;
	}

	#visit h1 {
	 font-size: 20px;
	}

	#visit p {
		font-size: 14px;
	}

}

/* Tablets (portrait and landscape) ----------- */

@media (max-width:767px) {

	#research img {
		margin-top: 10px;
		max-width: 150px;
		float: right;
	}

	#students img.panel-a-large {
		display: none;
	}

	#students img.panel-a-med {
		display: block;
	}

	#students .hiddenquote.quotea {
		margin-top:25%;
	}

	#students .hiddenquote p {
		font-size: 20px;
	}

	#students .hiddenquote p.attribute {
		font-size: 16px;
	}

	#students .hiddenquote.quoteb, 
	#students .hiddenquote.quotec {
	    margin-top: 20%;
	}

} /*-- media min-width:768px --*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 650px) {

	.title {
		font-size: 18px;
		margin-top: 10px;
	}

	nav#header-2 button#share,
	nav#header-2 button#menu, 
	nav#header-2 button#connect,
	nav#header-2 button#cofmenu {
		font-size: 10px;
	}

	nav#header-2 .button,
	nav#header-2 .btn-group {
		height: 40px;
	}


	#home h1 {
		font-size:30px;
		margin: 10px auto;
		line-height: 1.2em;
	}

	#home h1 span {
		font-size: 40px;
		margin-top:20%;
	}

	#home h2 {
		font-size: 30px;
	}


	#intro p {
		font-size: 20px;
	}

	#actions a {
    	width: auto;
	}

	#actions a i {
		width: auto;
	    font-size: 30px;
	}

	#actions a p {
		font-size: 12px;
	}

	#mini-actions a p {
		font-size: 10px;
	}


	#students #panel-a-quote-a p, 
	#students #panel-a-quote-b p {
	    font-size: 20px;
	}

	#students #panel-b-quote-a p,
	#students #panel-c-quote-a p {
    	font-size: 12px;
 	}

	#students .hiddenquote p {
	    font-size: 13px;
	}

	#students .hiddenquote p.attribute {
	    font-size:12px;
	}

	#research img {
		max-width: 100px;
		float: right;
		margin-top: 10px;
	}

	#visit .hide-sm {
		display: none;
	}

	#visit .boilerplate {
		width: 100% !important;
	}	


}

/* Tiny phones (portrait and landscape) ----------- */
@media only screen and (max-width : 400px) {

	.title {
		font-size: 14px;
		margin-top: 10px;
	}

	nav#header-2 button#share,
	nav#header-2 button#menu, 
	nav#header-2 button#connect,
	nav#header-2 button#cofmenu {
		font-size: 10px;
	}

	nav#header-2 .button,
	nav#header-2 .btn-group {
		height: 40px;
	}


	#home h1 {
		font-size:30px;
		margin: 10px auto;
		line-height: 1.2em;
	}

	#home h1 span {
		font-size: 40px;
		margin-top:50%;
	}

	#home h2 {
		font-size: 20px;
	}


	#intro p {
		font-size: 16px;
	}


	#mini-actions a p {
		font-size: 10px;
	}

	#mini-actions a i {
		display:none;
	}

	#actions .col-xs-2 {
		padding-left: 0!important;
		padding-right: 0 !important;
	}

	#actions a {
    	width: auto;
    	padding: 5px;
	}

	#actions a i {
		width: auto;
	    font-size: 20px;
	}

	#actions a p {
		font-size: 10px;
	}



	#students #panel-a-quote-a p, 
	#students #panel-a-quote-b p {
	    font-size: 14px;
	}

	#students #panel-b-quote-a p,
	#students #panel-c-quote-a p {
    	font-size: 12px;
 	}

	#students .hiddenquote.quotea {
	    margin-top: 20%;
	}

	#students .hiddenquote p {
	    font-size: 13px;
	}

	#students .hiddenquote p.attribute {
	    font-size:12px;
	}

	#featuredquote p {
		font-size: 18px;
	}

	#research p {
		font-size: 18px;
	}

	#research p span {
		font-size: 30px;
	}

	#research img {
		margin-top: 10px;
		max-width: 50px;
		float: right;
	}

	#peavy-hall h1 span {
	    font-size: 30px;
	}

	#peavy-hall p {
		font-size: 18px;
	}

}