/* CSS Document */

#banner {
	/* 
	border: yellow 1px solid;
	*/
	background-image: url("img/banner-provis-1920x576.jpg");
	max-width: 100%;
	padding-bottom: 30%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

header {
	border-bottom: black 1px solid;
}

h2 {
	padding-top: 20px;
	margin-left: 30%; 
}
h4 {
    color: white;
}

#left-side {
	clear: left; float: left; margin: 10px 10px 10px 10px; padding-left: 10px; padding-right: 10px;
	width: 40%;
    color: white;
}

#right-side {
    float: left;
	padding-top: 10px; padding-left: 10px;
    border-left: black 1px solid;
    color: white;
}

.delimiter:after {
    content: "";
    display: block;
    clear: both;
}

#map-wrapper {
    display: block; width: 90%;
    margin-top: 20px; margin-left: auto; margin-right: auto;
    color: white;
}

h4 {
    padding-left: 40px; padding-top: 40px;
}

.frame-employee {
    float: left;
    margin-left: 10px; margin-right: 10px;
}
.employee {
    float: left;
}

.para-employee {
    clear: both;
    text-align: center;
}

@media only screen and (max-width:1550px) {
    #left-side {
        width: 90%;
    }
    #right-side {
        width: 90%;
    }
}