html {
  background-color: black;
}

body {
  color: black;
  font-family: 'Roboto', sans-serif;
} /* End of body */

#wrapper {
  background-image: url(../Andrea_Cooper/images/ACSP-Bg_Mid.jpg);
  background-size: 50%;
  background-position: center, center;
  padding-top: 1px;
}

#main {
  background-color: rgba(80,88,96,1);
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  border: 2px solid #0077b5;
  text-align: center;
  margin-top: 0px;
  padding: 116px 20px 171px 20px;
  border-radius: 10px;
} /* End of mainFront */

#swipeRightImage {
  max-width: 200px;
  padding-top: 70px;
  opacity: 0.5;
}/* End of swipeRightImage */

#mainBack {
  background-color: rgba(255,255,255,0.9);
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  border: 2px solid #0077b5;
  margin-top: 10px;
  padding: 0px 20px 10px 20px;
} /* End of mainBack */

#bannerImageBack {
  max-width: 100%;
  padding: 14px 0px 10px 0px;
} /* End of bannerImage */

#name {
  color: black;
  font-size: 160%;
  letter-spacing: 3px;
  text-transform: uppercase;
} /* End of name */

#nuskit {
  color: black;
  font-size: 160%;
} /* End of nuskit */

#role {
  color: black;
  font-size: 100%;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
} /* End of role */

a.class2 {color: black; font-size: 100%; letter-spacing: 1px;}
a.class2:link {text-decoration: none; color: black;}
a.class2:visited {text-decoration: none; color: black;}
a.class2:hover {text-decoration: none; color: black;}
a.class2:active {text-decoration: none; color: black;}
/* End of links */

#footer {
  padding: 10px 0px 20px 0px;
}

#footerLogoFb {
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
#footerLogoIn {
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
#footerLogoTwitter {
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
#footerLogoInsta {
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-left: 1px;
}
#footerLogoYt {
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 5px;
} /* End of socials */

#watermark {
  padding-bottom: 10px;
}
a.watermarkLink {
  letter-spacing: 2px;
}

span {
  opacity: 1;
}

#share {
  background-color: rgba(255,255,255,0.85);
  border: 2px solid #0077b5;
} /* End of share */

#flipOptions {
	margin-top: -1px;
	max-width: 320px;
}

.sidenav .closebtn {
  font-family: sans-serif;
  font-size: 30px;
  font-weight: normal;
} /* End of help */

.MaitlandLocationsSideNav .closebtn {
  font-family: sans-serif;
  font-size: 30px;
  font-weight: normal;
} /* End of help */

.RTerraceLocationsSideNav .closebtn {
  font-family: sans-serif;
  font-size: 30px;
  font-weight: normal;
} /* End of help */

.sharePlus, .help {
    background-color: rgba(0,0,0,0.7);
    border: 2px solid #0077b5;
}

@media screen and (min-width: 360px) {
  #wrapper {
    background-position: center bottom;
  }
	/*#main {
	  padding: 171px 20px 192px 20px;
	}
	#mainBack {
	  padding: 32px 20px 45px 20px;
	}*/
}

@media screen and (min-width: 1024px) {
	#wrapper {
	  background-size: contain;
	}
	#mainBack {
	  width: 320px;
	}
}