@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
   background: /*#446cb3;*/#00798c;
   color: white;
}

* {
	font-family: 'Open Sans', sans-serif;
}

#logo-image {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	display: block;
	max-width: 100%;
	height: auto;
	width: 200px;
}

#title {
   font-size: 4em;
   font-family: 'Oswald', sans-serif;
   /*-webkit-transition: color 1s;
   transition: color 1s;*/
}

#subtitle {
  font-size: 2em; 
  font-family: 'Oswald', sans-serif;
  /*color: #f24236;*/
}

/*#title:hover {
   color: #f9690e;
   /*height: 2em;
}*/

.center-contents {
   text-align: center;
   /*margin: auto;
 *    width: 50%;
 *       padding: 10em;*/
}

a {
   text-decoration: none;
   color: /*#f9690e;*/#edae49;
}

a:hover {
   text-decoration: underline;
   cursor: pointer;
	color: /*#f9690e;*/#edae49;
}

a:active {
	text-decoration: underline;
	color: #f9690e;
}

hr {
   margin-left: 3em;
   margin-right: 3em;
}

.app-content {
   font-family: 'Open Sans', sans-serif;
}

#tjintranet-content {
   margin-top: 0em;
}

#tjintranet-text {
   display: inline-block;
   width: 60%;
}

#tjintranet-feature-list {
   text-align: left;
   width: auto;
   list-style-position: inside;
   display: inline-block;
}

#tweetsave-text {
   display: inline-block;
   width: 60%;
   margin-left: 2em;
   margin-right: 2em;
}

#tjintranet-image {
   overflow: hidden;
   width: 50%;
   max-width: 30%;
   margin-right: 3em;
   margin-top: 1.5em;
   float: right;
}

#tweetsave-image {
   overflow: hidden;
   width: 50%;
   max-width: 30%;
   margin-left: 3em;
   margin-top: 1.5em;
   float: left;
}

.app-image {
   /*max-width: 100%*/
	max-width: 75%;
}

.footer {
	background-color: #465775;
	margin-top: 2em;
	padding: 2em;
}