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

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


}


/** Medium sized devices **/

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

@media (max-width:820px) {
	#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;
	}


	#actions a {
    	width: auto;
	}

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

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

}

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

@media (max-width:767px) {
 	#majors img,
 	#careers img {
		max-width: 10% !important;
		margin-bottom: 15px;
	}

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


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

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

	nav#header-2 button#degrees-button,
	nav#header-2 button#careers-button, 
	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: 30%;
	}

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


	#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;
	}

}

@media only screen and (max-width : 500px) {
	.title {
		font-size: 12px;
		margin-top: 10px;
	}
}

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

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

	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;
	}

}