body {
	width: 100%;
	height: 100%;
	background-color: #D0E4F5;
	background: url("standard_index_bg.jpg") no-repeat center center fixed; 
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	font-family: 'Open Sans', Arial, Helvetica,Sans-serif;
	font-size: 15px;
	color: whitesmoke;
	margin: 0px;
	padding: 0px;
}


.left_container {
	width: 45vw;
	height: calc(100vh - 23px);
	background-color: #171717!important;
	background: url("secure24.png") no-repeat 10% 20% fixed; 
	display: inline-block;
	box-shadow: 0 0 30px 30px #171717;
}
.right_container {
	height: calc(100vh - 23px);
	display: inline-block;
}

a {
	color: #E57783;
	text-decoration: none;
	 transition: all 200ms ease-in-out;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
}

a:hover {
	font-size: 1.1em;
}
.title_box {
	display:  inline-block;
	top: 30%;
	left: 55%;
	position: absolute;
	box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.4);
}

.logo_box {
	display:  inline-block;
	top: 30%;
	left: 10%;
	position: absolute;
}
.title_box hr {
    border: 1px solid wheat;
}

h1 {
	font-size: 3.5rem;
	letter-spacing: 4px;
	font-weight:  normal;
	margin: 0px 0px;
}

@media screen and (max-width: 1280px) {
	.left_container {
		width: 50vw;
	}
	h1 {
		font-size: 2.2rem;
		letter-spacing: 2px;
	}
}

@media screen and (max-width: 1024px) {
.left_container {
	background-size: 250px 186px;
}
}

@media screen and (max-width: 800px) {
		.left_container {
		width: 99vw;
	}
			.right_container {
			
		display: none;
		width: 0vw;
	}
	.title_box {
		top: 50%;
		left: 10%;
	}
}


.owner_box{
	bottom: 15%;
	left: 8%;
	position: absolute;
	font-weight: normal;
	font-size: 1.5em;
	letter-spacing: 1.8px;
}

@media screen and (max-width: 479px) {
	h1 {
		font-size: 1.8rem;
		letter-spacing: 1px;
	}
	
	.owner_box{
		left: 5%;
	}
		.left_container {
		width: 99vw;
	}
			.right_container {
		width: 0vw;
	}
}

@media screen and (max-width: 416px) {
	.owner_box{
			font-size: 1.3em;
		letter-spacing: 1.2px;
	}
}

footer {
    background-color: #312f2f;
    color: #7F7F7F;
    font-family: inherit;
    font-size: 0.7em;
    box-shadow: 0 0 6px 6px #312f2f;
	height: 16px;

}

.footer_made {
    text-align: right;
}

.footer_copy {
    text-align: left;
}

.footer_made > img {
    position: relative;
    top: 1px;
}

.footer_selflink {
    text-align: center;
}

.footer_lower {
    display: grid;
    grid-template-columns: 33% auto 33%;
    padding: 2px;
}

.footer_lower > span {
    padding: 0 15px;
}

@media screen and (max-width: 640px) {
	.footer_lower {
	    grid-template-columns: auto auto auto;
	}
	
	.footer_lower > span {
    	padding: 0 5px;
	}
}

footer a {
    text-decoration: none;
    color: #7F7F7F;;
}

footer a:hover, footer a:active {
    color: gray;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}