.user-profile {}

@media only screen and (min-width: 500px) {
	.user-profile__menu {
		display: inline-block;
		vertical-align: top;
		width: 20%;
		margin-right: 5%;
	}

	.user-profile__main {
		display: inline-block;
		width: 75%;
	}
}

.profile-view__image {
	width: 125px;
	float: right;
}


/**
 * Login form adjustments
 */
#loginform + .login-register-lost-password {
	background: var(--lightGray);
    margin: 0 auto;
    max-width: 660px;
    padding: 40px;
}

/**
 * Remove some formatting when loginform appears in <aside>
 */
aside #loginform, aside #loginform + .login-register-lost-password {
	padding: 0px;
	background: transparent;
}


/**
 * Additional sidebar styling for text inputs
 */
.alumni-content aside .alumni-search input[type=text] {
	-webkit-appearance: none;
    appearance: none;
    background: url(images/select-drop.png) no-repeat right top var(--darkYellow);
    background-size: 45px auto;
    border: none;
    border-radius: 0;
    height: 42px;
    margin-bottom: 15px;
    padding: 0 45px 0 28px;
    width: 100%;
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 900;
}

.alumni-search__reset {
	float: right;
	margin: -0.5em 0 0.5em 0;
	cursor: pointer;
	text-decoration: underline;

}
.filterSection {
    float: right;
    width: 80%;
    margin-top: -50px;
}
.filterSection aside{
    width:100%;
}
.filterSection aside .col-sm-6{
    width:30%;
    margin: auto 0 auto 3% ;
    float:right;
}
.button {
         background-color: #1c87c9;
         border: none;
         color: white;
         padding: 20px 34px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 20px;
         margin: 4px 2px;
         cursor: pointer;
         }
@media (max-width: 767px)
{
	.filterSection
	{
		width: 100%;
	}
	.filterSection aside .col-sm-6
	{
		width: 47%;
	}
}