<style>


@media (min-width: 771px){
body.section-pages {
    background-position: 0px 150px;
}
body.section-pages  header {
  background-color: #FFFFFF;
}
	#breadcrumb > .breadcrumb-desktop {
		margin: 0 0 0 0; 
		padding: 7px 7px 4px 5px;
		border: 1px solid #DDD;
	}
}
/*headline*/
.section-pages #col-2 > div > h1:first-child {
	font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-align: center;
		 color: #000f9f;
}

@media (max-width: 768px) {
	.section-pages #col-2 > div > h1:first-child {
		margin: 0 3.1vw 3.3vw 3vw;
		font-size: 6.4vw;
		line-height: 6vw;
	}
	.section-pages header#site-header #site-banner {
	font-family: Montserrat, sans-serif;
		padding: 0.75rem;
	}
.section-pages header#site-header #logo-banner-container #site-banner {
              display:none;
}
}

body.section-pages {
  background-image: url('https://www.umassmed.edu/globalassets/it/images/icons/background-logo-white.png');
background-repeat: no-repeat;
  background-size: cover;
}

/* helpdesk */
.password-block {
    display: grid;
    grid-template-columns: 150px auto 50px;
    grid-template-rows: auto;
    justify-items: start;
    align-items: center;
    gap: 2em 2em;
}
.password-block .password-text { font-size: larger; color: #000F9F; }


.key-image img {
	max-width:  150px;
	margin-bottom: .75em;
}

	.helpdesk .block-wrapper.genericblock span + h2	{
	    font-size: 2.3rem;
        margin: 1em auto 1em auto;
		color: #000f9f;
		font-family: Montserrat, sans-serif;
		text-align: center;
	}
	
@media (min-width: 769px) {
	.section-pages #col-2 > div > h1:first-child {
		font-size: 3.3rem;
		margin: 3.3rem;
		line-height: 3rem;
	}
}
/*section-icons*/
#main-content .application-icons .generic.icon-block > span + p > a  {
  border: 1px solid #000f9f;
  background-color: #000f9f;
  border-radius: 50%;
	display: inline-flex;
    margin: 0;
    justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
}
#main-content .application-icons .generic.icon-block > span + p > a > img  {
    max-width: 90%;
    margin: 0;
    width: auto;
    max-height: 90%;
    align-self: center;
}
#main-content .section-icons .generic.icon-block > span + p  {
  border: 1px solid #000f9f;
  background-color: #000f9f;
  border-radius: 50%;
	display: inline-flex;
    margin: 0;
    justify-content: center;
}
#main-content .section-icons .generic.icon-block > span + p > img  {
    max-width: 90%;
    margin: 0;
    width: auto;
    max-height: 90%;
    align-self: center;
}
#main-content .generic.icon-block > span + p + p {
font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 600;
	margin: 0 auto;
	 color: #000f9f;
}

/*application icons*/
#main-content .application-icons .generic.icon-block > span + p > a  {
  border: 2px solid #000000;
  background-color: #FFFFFF;
  border-radius: 50%;
	display: inline-flex;
    margin: 0;
    justify-content: center;

}
#main-content .application-icons .generic.icon-block > span + p > a > img  {
	max-width: 83%;
}
#main-content .section-icons .generic.icon-block > span + p > img  {
	max-width: 60%;
}

@media (min-width: 769px) {
	.generic.contact-us a {
		font-size: 2em;
	}
	.generic.section-faq > h3 {
		font-size: 2rem;
        margin: 1.5em auto 1.9em auto;
		color: #000f9f;
		font-family: Montserrat, sans-serif;
		text-align: center;
	}
	.generic.contact-us > span + h2,
	.grid-layout-wrapper .grid-container.section-icons > h2,
	.gridlayoutblock .grid-layout-wrapper .grid-container > h2	{
	    font-size: 2.3rem;
        margin: 1em auto 2.2em auto;
		color: #000f9f;
		font-family: Montserrat, sans-serif;
		text-align: center;
	}
	.generic.contact-us > span + h2 {margin: 1em auto .6em auto;}
	#main-content .generic.icon-block > span + p  {
		width: 150px;
		height: 150px;
	}
	#main-content .generic.icon-block > span + p + p {
	  font-size: 2rem;
	}

}
@media (max-width: 768px) {
	.generic.contact-us a {
		font-size: 3.5vw;
	}
	.generic.section-faq > h3 {
		font-size: 4.5vw;
        margin: 1.9em auto 1.4em auto;
		color: #000f9f;
		font-family: Montserrat, sans-serif;
		text-align: center;
	}
	.generic.contact-us > span + h2,
	.grid-layout-wrapper .grid-container.section-icons > h2,
	.gridlayoutblock  .grid-layout-wrapper .grid-container > h2	{
	    font-size: 5.5vw;
		margin: 1vw auto 2vw auto;
		color: #000f9f;
		font-family: Montserrat, sans-serif;
		text-align: center;
	}
	.generic.contact-us > span + h2 {margin: 1vw auto 1.5vw auto;}
	#main-content .generic.icon-block > span + p  {
		width: 20vw;
		height: 20vw;
	}
	#main-content .generic.icon-block > span + p + p {
	  font-size: 4vw;
	}

}
.gridlayoutblock {
	margin-bottom: 3em;
}
.gridlayoutblock .grid-layout-wrapper .grid-layout {
	display: inline-grid;
}
.gridlayoutblock .grid-layout-wrapper .grid-container.theme-width-layout {
	text-align: center;
}
.gridlayoutblock .grid-layout-wrapper .grid-layout.column-extra-wide-spacing {
		grid-column-gap: 5rem;
	}
	
.advance-headline > span + h3 {
    font-family: "EB+Garamond", serif;
    font-weight: 500;
    font-size: 2.7em;
		 color: #000f9f;
	}
	
section#container-vertical .outer-bx.horizfullwidthblock.mission-statement {
		margin-bottom: 2.25em;
		padding-top:0;
}


.generic.contact-us {
    display: grid;
    grid-template-columns: 40px auto;
    grid-template-rows: 1px auto auto;
    justify-content: center;
    gap: 1em 1em;
}
.generic.contact-us .sprite {
   grid-column: 1 / 3;
    grid-row: 1 / 2;
}
.generic.contact-us h2 {
   grid-column: 1 / 3;
    grid-row: 2 / 3;
}
.generic.contact-us p:first-child {
   grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.generic.contact-us p + p {
   grid-column: 2 / 3;
    grid-row: auto;
}
.section-faq > h3 + div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1em 1em;
}
.section-faq > h3 + div > a {
    max-height: 40px
}
@media (max-width: 768px) {
.section-faq > h3 + div > span {
        font-size: 3.8vw;
}
}
@media (min-width: 769px) {
.section-faq > h3 + div > span {
    font-size: 1.5em
}
}
</style>

