@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url(https://fonts.googleapis.com/css?family=Roboto);

html, body, 
.container {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	background: #333;
  overflow-y: scroll;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;

}

h1 {
  font-family: 'Playfair Display', serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  padding: 20px;
  margin: 0px;
}

h3 {
  font-family: 'Playfair Display', serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  padding: 0px;
  margin: 0px;
}

.line_b {
    height: 1px;
    border-top: 1px solid #444;
    display: block;
    position: relative;
    top: 1px;
    width: 20%;
	margin: 40px 0 40px 0;
}

.line_w {
    height: 1px;
    border-top: 1px solid #ffffff;
    display: block;
    position: relative;
    top: 1px;
    width: 20%;
	margin: 40px 0 40px 0;
}

.splitlayout {
	position: relative;
	overflow-x: hidden;
	min-height: 100%;
	width: 100%;
}

/* Intro sides */
.side {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 50%;
	height: 100%;
	text-align: center;
	-webkit-backface-visibility: hidden;
}

.side-left {
	left: 0;
	background: #cecece;
	color: #444;
	opacity: 1;
	z-index: 1;
}

.side-left:hover {
  outline: 1px solid #444;
  outline-offset: -10px; 
}

.side-right {
	right: 0;
	background-color: #D69942;
	color: #ffffff;
	opacity: 1;
	z-index: 1;
}
.side-right:hover {
  outline: 1px solid #ffffff;
  outline-offset: -10px; 
}

.side-right:before {
  content: ' ';
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  z-index: 0;
  background-image:url('https://cembe.org/avc/en/wp-content/uploads/2015/05/AntonioVazCarneiro11.jpg');
  background-repeat:no-repeat;
  background-size:contain;
  background-size: cover;
  opacity: 0.1;
}

.side-left:before {
  content: ' ';
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  z-index: 0;
  background-image:url('https://www.cembe.org/avc/Faculdade_de_Medicina_da_Universidade_de_Lisboa.JPG');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  background-size: cover;
  opacity: 0.1;
}


/* Intro content, profile image and name, back button */
.intro-content {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 1em;
	width: 70%;
  -webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}