* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		}

		.header {
		background-color: #002364;
		width: 100%;
		height: 3em;
		top: 0;
		right: 0;
		position: absolute;
		}

		#headertext{
		color: white;
		margin-left: 2em;	
		font-size: 12px;
		margin-top: 0.5em;
		}

		#logo{
		margin-left: 1.5em;
		margin-top: 4.25em;
		}
		
		.box{
		margin-top: 1em;
		font-family: NeufileGrotesk-RegularExtended, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #002364;
		width: 100%;
		min-height: 24.6em;
		background-color: rgb(0, 35, 100);
		}

		.subboxleft1{
		min-height: 24.6em;
		padding-bottom: 2em;
		padding-top: 2em;
		padding-left: 10px;
		color: #fff;
		text-align: center;
		width: 80%;
		border-left: 16px solid #fddc35;		
		border-right: 16px solid #fddc35;
		margin-left: 10%;
		}

		.footer{
		background-color: rgb(74, 74, 72);
		width: 100%;
		height: 5em;
		position: fixed;
		bottom: 0;
		margin-top: 1em;
		}

		#logo_footer{
		padding-left: 1.5em;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		}

		h1,h2{
		padding-right: 2em;
		}

		p{
		padding-right: 2em;
		margin-bottom: 1em;
		padding-top: 1em;
		}
		
		hr{
		border: 1px solid #fddc35;
		width: 23em;
		text-align: center;
		margin: 0 auto;
		margin-top: 1em;
		}
		
	.button1{
		font-size: 17px;
		letter-spacing: -0.25px;
		line-height: 40px;
		text-align: center;
		background-color: transparent;
		margin-top: 10px;
		width: 22em;
		border: 2px solid #fff;
		border-radius: 6px;
		color: white; 
		}

	.button1:hover {
		background-color: #fddc35;
		color: #002364;
		border: 2px solid #002364;
		cursor: pointer;
		}

	.button2{
		font-size: 17px;
		letter-spacing: -0.25px;
		line-height: 40px;
		text-align: center;
		margin-top: 10px;
		text-decoration: none solid;
		width: 22em;

		background-color: transparent;
		border-radius: 6px;
		color: white; 
		border: 2px solid #fff;
		}

	.button2:hover {
		background-color: #fddc35;
		color: #002364;
		border: 2px solid #002364;
		cursor: pointer;
		}
		
		#picture{
			background-image: url(images/successfactor.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 24.6em;
			background-position: left;
		}

		/* Tablet Styles */
		@media screen and (max-height: 650px) {
			.footer{
				position: relative;
				bottom: auto;
				left: auto;
				height: auto;
				width: 100%;
				margin-top: 2em;
			}
		}

		/* Tablet Styles */
		@media only screen and (max-width: 971px) {
			.header {
				width: 100%;
				right: 0;
				position: absolute;
			}
			
			#picture{
				display: none;
			}
			
			.button1{
				width: 17em;
				margin-left: 0.5em;
			}
			
			.button2{
				width: 17em;
				margin-left: 0.5em;
			}
		
			.footer {
				position: relative;
				bottom: auto;
				left: auto;
				height: auto;
				margin-top: 2em;
				width: 100%;
			}
			
			hr{
				border: 1px solid #fddc35;
				width: 18em;
				margin: 0 auto;
				margin-top: 1em;
				margin-left: 0.5em;				
			}
			
			.box {
				display: table;
				width: 100%;
			}
			
			.subboxleft1{
				overflow: visible;
				min-height: 10em;
				border: none;
				text-align: left;
				margin-left: 0%;
			}
			
			
			h2{
				margin-left: 0.5em;
			}

			p{
				margin-left: 0.5em;
				margin-bottom: 1em;
			}

		}