@charset "UTF-8";
/* CSS Document */
.productsbanner {
    border-radius: 0.5em 0.5em 0 0;
    overflow: hidden;
    background-color: #333399;
    height: 250px;
	padding: 80px 0px 0px 0px;
	position: relative;
}

.right-figure {
	margin: 0px 0px 8px 8px;
	font-style: italic;
	font-size: 10px;
	width: 30%;
    float: right;
}

.figure-image {
    width: 100%;
}
.prod-table {
    margin: 20px auto 0px auto;
    border-style: hidden;
    max-width: 95%;
}

.prod-table-left {
    width: 60%;
    padding: 10px;
    border-style: hidden;
    text-align: left;
    vertical-align: middle;
}

.prod-table-right {
    width: 40%;
    padding: 10px;
    border-style: hidden;
}

.prod-table-image {
    width: 100%;
}

.prod-flex-container {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    margin: 0 auto 0 auto;
    align-items: center;
}

.prod-flex-left {
    flex: 60%;
    padding: 10px;
    text-align: left;
}

.prod-flex-right {
    flex: 40%;
    padding: 10px; 
}

@media (min-width: 900px) {
    .prod-table {
    max-width: 75%;
    }
    .prod-flex-container {
        max-width: 80%;
    }
}

/*@media (min-width: 600px) {
        .productsbanner {
        padding: 80px 10px 0px 10px;
    }
}*/

@media (max-width: 500px) {
    .prod-flex-container {
        flex-direction: column;
    }
    .prod-flex-left {
        max-width: 95%;
    }
}