#maincontent {
 margin-bottom: -36px;
 margin-top: -7px;
 margin-left: -8px;
 margin-right: -8px;
}
#maincontent p {font-size: 1rem; line-height: 1.7rem; padding-top: 0rem; margin-top: 1rem; padding-bottom: 0rem; margin-bottom: 1rem;}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .outcomes {
 position: relative; /* opacity: 0.75;*/
 background-attachment: fixed;
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
 -moz-transform: none !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

}
.bgimg-1 {
 background-image: url("/images/undergraduate/political-science-background.jpg");
height: 80vh;
}
.bgimg-1 h1 {
 text-align: center;
 font-weight: bold;
 display: table;
 PADDING: 5px 20px;
 font-family: 'Lato', serif;
 color: #13579a;
 font-size: 4rem;
  line-height: 3.9rem;
 background-color: #CCC: padding: 2.25em 1.6875em;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: rgba(255, 255, 255, 0.6);
 border: 10px solid #fdc82f;
 border-style: double;
}
.bgimg-2 {
 background-image: url("/images/undergraduate/political-science-interstitial.jpg");
 min-height: 60vh !important;
}
.outcomes {
 background-image: url("/images/undergraduate/undergraduate-outcomes-004.jpg");
  background-attachment: scroll;
  /* remove for parallax */
}
.outcomes h2 {
 font-family: 'Lato', serif;
 font-size: 3rem;
 text-align: center;
 color:#FFF;
 border-bottom: 2px dotted #CCC;
 display: table;
 padding-top: 40px;
 margin-bottom: 30px;
 text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.79);
}
#maincontent .outcomes p {
 font-family: 'Lato', serif;
 font-size: 1.2rem;
 line-height: 1.9rem;
 text-align: center;
 color:#000000;
 font-weight: normal;
 padding: 10px;
  text-shadow: 0px 0px 10px #FFF;
  /* background-color: rgba(255, 255, 255, .3); */
}
#maincontent .outcomes ul {
  margin-top: 1rem;
}
#maincontent .outcomes li {
  font-family: 'Lato', serif;
 font-size: 1.5rem;
 line-height: 1.9rem;
 font-weight: normal;
}
.outcomes .hollow {
 border: 2px solid #FFF;
 color: #13579a;
 background: #FFF;
}
.outcomes .explorebuttons {
 width: 90%;
 position: relative;
 margin: auto auto;
}
.outcomes .explorebuttons .number {
 font-size: 6rem;
 line-height: 10rem;
 color: #FFF;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.79);
}
.outcomes .explorebuttons .text {
 font-size: 1rem;
 margin-top: -40px;
 color: #FFF;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 margin-bottom: 20px;
  text-shadow: 0px 0px 10px #fdc82f;
}
.bgimg-3 {
 background-image: url("/images/undergraduate/undegraduate-background-004.jpg");
 min-height: 60vh;
}
.bgimg-3 h2 {
 font-family: 'Lato', serif;
 font-size: 3rem;
 text-align: center;
 color:#FFF;
 border-bottom: 2px dotted #ffc425;
 display: table;
 padding-top: 40px;
 margin-bottom: 20px;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.79);
}
.bgimg-3 p {
 font-family: 'Lato', serif;
 text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
 font-size: 1rem;
 text-align: center;
 color:#FFF;
 font-weight: bold;
 padding-top: 20px;
}
.bgimg-3 .hollow {
 border: 2px solid #FFF;
 color: #13579a;
 background: #FFF;
}
.bgimg-3 .explorebuttons {
 width: 80%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.bgimg-3 .explorebuttons .number {
 font-size: 8rem;
 color: #FFF;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.79);
}
.bgimg-3 .explorebuttons .text {
 font-size: 1rem;
 margin-top: -40px;
 color: #FFF;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 margin-bottom: 20px;
}
.bgimg-5 {
 background-image: url("/images/academics/colleges/hclas/women/good-body-006.jpg");
 min-height: 60vh;
}
.callout p {
 font-family: 'Crimson Text', serif;
}
.callout .button {
 font-family: 'Crimson Text', serif; font-weight: bolder;
}
.callout.rightcolumn {
 background: #f2f0f0;
 box-shadow: 0 10px 10px rgba(0,0,0,0.10), 0 3px 3px rgba(0,0,0,0.13);
 padding-bottom: 1rem;
}
.callout.rightcolumn .button {
 font-family: 'Lato', sans-serif;
 font-size: 1rem;
}
.callout.rightcolumn h2 {
 font-size: 1.3rem;
}
.callout.rightcolumn li {
 font-size: 1rem;
 line-height: 1.4rem;
}
.text0 {
 border-top: 10px solid #13579a;
 border-bottom: 10px solid #fdc82f;
 font-size: 1.7rem;
 background-color: white;
 padding: 4rem;
 background: #eeeeee; /* Old browsers */
 background: -moz-linear-gradient(top, #eeeeee 0%, #fff7f7 28%, #ffffff 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #eeeeee 0%,#fff7f7 28%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #eeeeee 0%,#fff7f7 28%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.text0 p {
 font-family: 'Crimson Text', serif;
 font-size: 1.4rem;
 color: #404040;
 line-height: 2.4rem;
 margin: 2rem;
}
.text0 li {
 font-family: 'Crimson Text', serif;
 font-size: 1.4rem;
 color: #404040;
 line-height: 1.6rem;
 margin: 1rem;
 margin-left: 2rem;
}
.text0 h2 {
 font-family: 'Lato', serif;
 font-size: 3rem;
 text-align: center;
 color:#777;
 border-bottom: 2px dotted #CCC;
 display: table;
 margin-bottom: 1rem;
}
.text1 {
 border-top: 10px solid #13579a;
 border-bottom: 10px solid #fdc82f;
 font-size: 1.7rem;
 background-color: white;
 background: #eeeeee;
 padding: 0px; /* Old browsers */
 padding-bottom: 2rem;
 background: -moz-linear-gradient(top, #eeeeee 0%, #fff7f7 28%, #ffffff 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #eeeeee 0%,#fff7f7 28%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #eeeeee 0%,#fff7f7 28%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.text1 h3 {letter-spacing: 0rem; text-transform: none; margin-top: 0.4rem;}
.text1 p {
 font-size: 1rem;
 color: #404040;
 line-height: 1.7rem;
 margin: 2rem;
}
#maincontent .text1 ul ul {margin-top: 0.5rem;}
#maincontent .text1 li {
 font-size: 1rem;
 color: #404040;
 line-height: 1.7rem;
 margin: 0.5rem;
 margin-left: 4rem;
}
#maincontent .text1 ul {margin-top: 0px;}
.school {
 color: #FFF;
 border-top: 10px solid #13579a;
 border-top: 10px solid #fdc82f;
 background-color: #13579a;
 background: #13579a;
 padding-bottom: 10px; /* Old browsers */
  margin-bottom: -16px;
}
#maincontent .callout .button {font-family: 'Open Sans', sans-serif;}
.school h2 {
 font-family: 'Lato', serif;
 font-size: 1.2rem;
 text-align: center;
 color:#FFF;
 display: table;
 margin-top: 10px;
}
.school h2 a {
color:#FFF;  
text-decoration: underline;
}
.school h2 a:hover, .school h2 a:focus {
text-decoration: none;
color: #fdc82f;
}
.text1 h2 {
 font-family: 'Lato', serif;
 font-size: 2.5rem; color: #343433;
 text-align: center;
 border-bottom: 2px dotted #CCC;
 display: table;
 margin-top: 1rem;
 margin-bottom: 0.5rem;
}
.text1 .headshot {margin: 0px 20px; border: 1px solid #000; float:left;}
.text1 img {border: 1px solid #000; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.text1 h3 {
 font-family: 'Lato', serif;
 font-size: 1.4rem;
 text-align: center;
 color:#777;
 padding-bottom: 0.5rem;
}
.text1 .responsive-embed {
 margin-bottom: 0px;
 margin-top: 25px;
}
.videodiv {
 border-top: 10px solid #13579a;
 border-bottom: 10px solid #fdc82f;
 padding: 0px;
}
.videodiv .responsive-embed {
 margin-bottom: 0px;
}
.text2 {
 background-color:#000;
 padding: 2rem;
}
.text2 p {
 font-size: 1.2rem;
 color:#FFF;
}
.text1 h4 {
 font-size: 1.7rem;
 color:#FFF;
}
.pic {
 margin-top: 30px;
 margin-bottom: 30px;
 display: block;
}
.flickrimage {
 border: 2px solid #fdc82f;
 margin-bottom: 10px;
}
.multimedia {
 position: absolute;
 left: 15%;
 top: 20vh;
 text-align: center;
}
.caption {
 padding: 2.25em 1.6875em;
 position: absolute;
 left: 10%;
 top: 30vh;
 width: 65%;
 text-align: center;
 color: #13579a;
 background-color: #ffffff;
 font-family: 'Lato', sans-serif;
 padding: 18px;
 font-size: 1.5rem;
 font-weight: bold;
}
.caption {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.caption span.border {
 background-color: #111;
 padding: 18px;
 font-family: 'Lato', sans-serif;
 font-size: 2rem;
}
h3 {
 letter-spacing: 5px;
 text-transform: uppercase;
 font-family: 'Lato', sans-serif;
 font-size: 1.5rem;
 color: #111;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
 .outcomes, .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  background-attachment: scroll;
 }
}
@media only screen and (min-width: 40.063em) and (max-width: 75em) {
 .text0 {
  padding: 50px 2rem;
 }
 .text1 {
  padding:50px 2rem;
 }
 .text2 {
  padding:50px 2rem;
 }
}
@media only screen and (max-width: 40em) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .outcomes {
 position: relative; /* opacity: 0.75;*/
 background-attachment: scroll;
}
  .bgimg-1 h1 {
 text-align: center;
 font-weight: bold;
 display: table;
 PADDING: 2.5px 10px;
 font-family: 'Lato', serif;
 color: #13579a;
 font-size: 2rem;
 background-color: #CCC: padding: 2.25em 1.6875em;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: rgba(255, 255, 255, 0.6);
 border: 10px solid #fdc82f;
 border-style: double;
}
  .bgimg-3 {min-height: 100vh;}
  .captionheader {
  font-size: 2.2rem;
 }
  .multimedia {
  position: absolute;
  top: 10vh;
  text-align: center;
 }
 .text0 {
  padding: 50px 2rem;
 }
 .text1 {
  font-size: 1rem;
 }
 .text1 h2 {
 font-family: 'Lato', serif;
 font-size: 1.8rem;
 text-align: center;
 color:#13579a;
 border-bottom: 2px dotted #CCC;
 display: table;
 margin-bottom: 0px;
}
  .text1 p {font-size: 1.2rem; line-height: 2rem;}
    .text1 li {font-size: 1.2rem; line-height: 2rem;}
 .text2 {
  padding:50px 2rem;
 }
 .text0 img {
  float:left;
  width: 100%;
  margin-left: -10px;
  border: 2px solid #000000;
  box-shadow: 8px 8px 5px rgba(137,137,137,0.4);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari */
  transform: rotate(0deg);
  margin-right: 0px;
  margin-bottom: 15px;
 }
 .text1 img {
  float:left;
  width: 100%;
  margin-left: -10px;
  border: 2px solid #000000;
  box-shadow: 8px 8px 5px rgba(137,137,137,0.4);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari */
  transform: rotate(0deg);
  margin-right: 0px;
  margin-bottom: 15px;
 }
 .text2 img {
  float:left;
  width: 100%;
  margin-left: -10px;
  border: 2px solid #000000;
  box-shadow: 8px 8px 5px rgba(137,137,137,0.4);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari */
  transform: rotate(0deg);
  margin-right: 0px;
  margin-bottom: 15px;
 }
}
@media only screen and (max-width: 77.1em) {
 .outcomes {
 background-image: url("/images/undergraduate/undergraduate-outcomes-004.jpg");
 min-height: 175vh;
}
.outcomes h2 {
 font-family: 'Lato', serif;
 font-size: 1.6rem;
 text-align: center;
 color:#FFFFFF;
 border-bottom: 2px dotted #CCC;
 display: table;
}
.outcomes p {
 font-family: 'Lato', serif;
 font-size: 1rem;
 text-align: center;
 color:#000;
}
#maincontent .outcomes li {
  font-family: 'Lato', serif;
 font-size: 1.1rem;
 line-height: 1.5rem;
 font-weight: bold;
}
.outcomes .hollow {
 border: 2px solid #FFF;
 color: #13579a;
 background: #FFF;
}
.outcomes .row {margin-top: -20px;}

.outcomes .explorebuttons .number {
 font-size: 3rem;
 line-height: 5rem;
 color: #FFF;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.79);
}
.outcomes .explorebuttons .text {
 font-size: 0.9rem;
 margin-top: -20px;
 color: #13579a;
 font-weight: bold;
 font-family: 'Lato', arial, sans-serif;
 display: block;
 text-align: center;
 margin-bottom: 1rem;
}
   .text1 h2 {
 font-size: 1.2em;
 margin-bottom: 0rem;
}
.callout.rightcolumn .button {
 font-family: 'Lato', sans-serif;
 font-size: 1rem;
 text-transform: uppercase;
  padding: 0.6rem;
}
.callout.rightcolumn h2 {
 font-size: 1rem;
  text-transform: uppercase;
}
#maincontent .callout.rightcolumn li {
 font-size: 1rem;
 line-height: 1.3rem;
}
     .bgimg-1 h1 {
 font-size: 2.5rem;
}
}