footer {
	background-color: #040404;
}

body {
	background: #edefea url(../images/bg-body.jpg) repeat-x left top;
	min-width: 960px;
	font-family: OpenSans !important;
}

header {
	background-color: #ec983e;
}

/*===== Navbar =======*/

.navbar-light .navbar-nav .active>.nav-link {
	color: #495057 !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #495057 !important;
}

#navbarTogglerDemo02 {
	justify-content: flex-end;
}

/*===== Top section =======*/

.container {
    max-width: 1080px !important;
}
.top-section {
	padding-top: 50px;
	    padding-bottom: 80px;
}
.info h2 {
    font: 28px 'OpenSans' !important;
}

#page_contact {
	margin-top: 40px;
}

.top-section .wrapper {
	display: flex;
    align-items: center;
    justify-content: center;
}

/*===== Contact section =======*/

.contact-section {
	padding-bottom: 30px;
}

/*===== Responsiveness =======*/

@media all and (max-width: 768px) {
	body {
		background: transparent !important;
		min-width: 100% !important;
	}
	.top-section {
		background-color: #ec983e;
		margin-top: 0 !important;
	}
	.top-section .wrapper {
		flex-direction: column;
	}
	.top-section .img-sec {
		order: 2;
	}
	.top-section .container .wrapper .info-sec {
        background-color: Black;
	    display: inline-block;
	    height: 140px;
	    width: 100%;
	    margin: 0 0 0px;
	    position: relative;
	}		
	.top-section .container .wrapper .info-sec .info {
    	background: url(../images/bg-innerdivInfo.jpg) repeat right top;
	    height: 140px;
	    width: 100%;
	    padding: 10px;
	    vertical-align: bottom;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.img-sec img {
		max-width: 100%;
	}
	.top-section {
	    padding-top: 30px;
	    padding-bottom: 60px;
	}
	.contact-section {
	    padding: 40px 15px 15px;
	}
	
	#page_contact p  {
	    text-decoration: none;
	    overflow-wrap: break-word;
	}
	#page_contact p {
		display: flex;
	    align-items: flex-start;
	    word-break: break-all;
	}
}