html {
    height: 100%;
    overflow: hidden;  
}

body {
    background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(../web_images/BG.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

div#outer {
    display: table;
    height: 100%;
    width: 100%;
}

div#container {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 200px;
}

#paragraph {
	padding: 0px 0 30px 0px;
	margin: 0 auto;
	text-align: left;
	width: 560px;
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
}

a {
  display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #1D56D6;
	border-radius: 2rem;
	background-color: #1D56D6;
	color: #fff;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
  transition: all 0.2s;
}

a:hover {
  background-color: transparent;
	color: #1D56D6;
	text-decoration: none;
}

.outer .container .flexContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flexContainer .flexContainer__img {
	border-radius: 80%;
}

.custom_btn {
  display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #1D56D6;
	border-radius: 2rem;
	background-color: #1D56D6;
	color: #fff;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
  transition: all 0.2s;
}

.custom_btn:hover {
  background-color: transparent;
	color: #1D56D6;
	text-decoration: none;
}

@media (max-width: 760px) {
	
	/*body {*/
	/*	height: 100%;	*/
	/*}*/
	
	#paragraph {
		width: 400px;
	}

}