.footer p {
	margin: 10px auto;
}
body {
	line-height: 1.2;
}
.footer {
	position: absolute;
}
/* XXExtra small devices (phones, 380px and down) */
@media only screen and (max-width: 389px) {
	.navbar-toggler {
    border: none;
    background-color: #ffffff;
	}

	.col-1{
		padding:0px;
	}

	.image_background {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100vh;
		background-size:     cover;
	    background-repeat:   no-repeat;
	    background-position: center center;
	}

	.vl {
	    border-left: 1px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:100px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	.vertical-center-row {
	    position:  absolute;
	    top: calc(50% - 100px);
	    z-index: 100;
	    width: 100%;
	    transform: translateY(-50%);
	}

	a{
		font-family: 'Roboto';
		font-size: 12px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.col-6 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.footer {
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: #eaeaea;
	   text-align: center;
	   height:200px;
		 padding-top: 30px;
		 padding-bottom: 30px;
		 padding-left: 0px;
		 padding-right: 0px;
	}

	.image {
		display:none;
	}

	.container2{
		width:auto;
		margin: 0 auto;
		position: relative;
	    padding: 0 40px;
	}

	p {
		font-family: 'Open Sans';font-size: 10px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:block;
	}
	br {
		display: none;
	}

	.iconcept{
		font-size: 10px ;
	}
}

/* Xsmall devices (phones, 389px and upper) */
@media only screen and (min-width: 389px) {
	.col-1{
		padding:0px;
	}

	.vl {
	    border-left: 1px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:100px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	.vertical-center-row {
	    position:  absolute;
	    top: calc(50% - 125px);
	    z-index: 100;
	    width: 100%;
	    transform: translateY(-50%);
	}

	a{
		font-family: 'Roboto';
		font-size: 15px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.col-6 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.footer {
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: #eaeaea;
	   text-align: center;
	   height:240px;
		 padding-top: 50px;
		 padding-bottom: 50px;
		 padding-left: 0px;
		 padding-right: 0px;
	}

	.image {
		display:none;
	}

	.container2{
		width:auto;
		margin: 0 auto;
		position: relative;
	    padding: 0 40px;
	}

	p {
		font-family: 'Open Sans';font-size: 12px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:block;
	}
	br {
		display: none;
	}

	.iconcept{
		font-size: 12px ;
	}
	.image_background {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100vh;
		background-size:     cover;
	    background-repeat:   no-repeat;
	    background-position: center center;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 576px) {
	.col-1{
		padding:0px;
	}
	.vl {
	    border-left: 1px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:100px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	.vertical-center-row {
	    position:  absolute;
	    z-index: 100;
	    width: 100%;
	    transform: translateY(-50%);
	}

	a{
		font-family: 'Roboto';
		font-size: 18px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.col-6 {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align:center;
	}

	.footer {
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: #eaeaea;
	   text-align: center;
	   height:240px;
	   
		 padding-top: 50px;
		 padding-bottom: 50px;
		 padding-left: 0px;
		 padding-right: 0px;
	}

	.image {
		display:none;
	}

	.container2{
		width:auto;
		margin: 0 auto;
		position: relative;
	    padding: 0 35px;
	}

	p {
		font-family: 'Open Sans';font-size: 15px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:block;
	}
	br {
		display: none;
	}

	.iconcept{
		font-size: 15px ;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
	.footer p {
	margin: 10px auto;
}

	.vl {
	    border-left: 1.5px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
	    top: 50%;
		transform: translateY(-50%);
		height:150px;
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	.vertical-center-row {
	    position:  absolute;
	    top: calc(50% - 125px);
	    z-index: 100;
	    width: 100%;
	    transform: translateY(-50%);
	}

	a{
		font-family: 'Roboto';
		font-size: 20px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align: left;
	}

	.col-6 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align: right;
	}


	.footer {
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: #eaeaea;
	   text-align: center;
		 padding: 50px;
	}

	.image {
		display: none;
	}

	.container2{
		width:400px
	}

	p {
		font-family: 'Open Sans';font-size: 12px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:block;
	}
	br {
		display: none;
	}

	.iconcept{
		font-size: 12px ;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	

	.vl {
	    border-left: 2px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:190px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	.vertical-center-row {
	    position:  absolute;
	    top: calc(50% - 110px);
	    z-index: 100;
	    width: 100%;
	    transform: translateY(-50%);
	}

	a{
		font-family: 'Roboto';
		font-size: 25px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:left;
	}

	.col-6 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:right;
	}

	.footer {
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: #eaeaea;
	   text-align: center;
	   height:130px;
		 padding: 20px;
	}

	.image {
		position: absolute;
		display: block;
	    top: 0;
	    left: 0;
	    transform: translateX(-100%);
	}

	.container2{
		width:450px;
	}
	.container2 p a img {
		margin-bottom: 15px;
	}
	p {
		font-family: 'Open Sans';font-size: 14px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:none;
	}
	br {
		display: block;
	}
	.iconcept {
		font-size: 14px ;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
	.vl {
	    border-left: 2px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:190px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}

	a{
		font-family: 'Roboto';
		font-size: 30px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:left;
	}

	.col-6 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:right;
	}

	.image {
		position: absolute;
		display: block;
	    top: 0;
	    left: 0;
	    transform: translateX(-100%);
	}

	.container2{
		width:400px;
	}

	p {
		font-family: 'Open Sans';font-size: 11px;
		text-align: center;
		color: #333333;
	}

	hr {
		display:none;
	}
	br {
		display: block;
	}

	.iconcept {
		font-size: 14px ;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.footer p {
	margin: 10px auto;
}
	.vl {
	    border-left: 2px solid white;
	    position: absolute;
	    left: 100%;
	    margin-left: -3px;
		height:190px;
		top: 50%;
		transform: translateY(-50%);
	}

	.container-table {
	    display: table;
		overflow: auto;
		position:relative;
		height:100%;
		width:100%;
	}


	a{
		font-family: 'Roboto';
		font-size: 36px;
		color: #ffffff;
	}

	a:link {
	    text-decoration: none;
		color: #ffffff;
	}

	a:visited {
	    text-decoration: none;
		color: #ffffff;
	}

	a:hover {
	    text-decoration: underline;
		color: #ffffff;
	}

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

	.col-5 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:left;
	}

	.col-6 {
		padding-top: 70px;
		padding-bottom: 70px;
		text-align:right;
	}

	

	.image {
		position: absolute;
		display: block;
	    top: 0;
	    left: 0;
	    transform: translateX(-100%);
	}

	hr {
		display:none;
	}
	br {
		display: block;
	}
	.iconcept {
			font-size: 14px ;
	}
	body {
		line-height: 1;
	}
}