@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/open-sans-300.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/open-sans-800.ttf") format("truetype");
}

body {
    margin: 0;
    padding: 0
}

.content {
    width: 100%;
			/*background-color:#ff3300;*/
			background-color:#ff3300;
}

.row {
    /*display: flex;*/
    width: 100%
}
		.rowbanner{
			display:flex;
			width:100%;
		}
		.rowbanner img{
			width:100%;
		}
.rowbar{
			display: flex;
		    width: 100%;
			border-bottom: 12px solid #000;
			border-top: 12px solid #000;
		}
.rowbar .text{
    box-sizing: border-box;
    padding: 0 50px;
    width: 100%;
    background: #ffffff;
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
		}
.rowbar .text .barmg{
			margin:0;
		}
.imgBottom {
    max-width: 315px;
    padding-top: 10%;
}

.row .image {
    width: 100%
}

.row .image img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    display: block
}

.row .text {
    box-sizing: border-box;
    padding: 0 10%;
    width: 100%;
    /*background: #ffffff;*/
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
			text-align:center;
}
		.row .text.textleft{
    /*padding: 60px 40px 60px 150px;*/
		}
		.row .text.textright{
    /*padding: 60px 150px 60px 40px;*/
		}
.row .text img{
			max-width:300px;
			width:50%;
		}

.row .text h2 {
    color: #fff;
    font-weight: 800;
    font-size: 54px;
    margin: 0;
    margin-top: 20px;
    max-width: 90%;
    text-transform: uppercase;
    /*text-align: center;*/
}
.row .text h2 sup {
			font-weight:normal;
		}
.row .text p {
    font-weight: 300;
    color: #fff;
    font-size: 34px;
    margin: 0;
    margin-top: 10px;
    max-width: 90%;
    /*text-align: center;*/
}
		@media only screen and (max-device-width: 768px) {
    .row {
				display:block;
    }
    .row .text {
        width: 100%;
    }
			.row .text.textleft{
				padding: 70px 70px 0 70px;
			}
			.row .text.textright{
				padding: 70px 70px 0 70px;
			}
			.row .text h2 {
				font-size: 26px;
				max-width: 100%;
				text-align: center;
			}
    .row .image {
        width: 100%
    }
			.row .text p {
				font-size: 20px;
				max-width: 100%;
				text-align: center;
			}
			.row .text img {
				margin: 0 auto;
			}        
		}        
		@media only screen and (max-device-width: 500px) {
    .row .text {
        width: 100%;
    }
			.row .text.textleft{
				padding: 0px 70px 0 70px;
			}
			.row .text.textright{
				padding: 0px 70px 0 70px;
			}
			.row .text h2 {
				font-size: 34px;
				width: 90%;
				text-align: center;
			}
    .row .image {
        width: 100%
    }
			.row .text p {
				font-size: 30px;
				max-width: 100%;
				text-align: center;
			}
			.row .text img {
				margin: 0 auto;
			}        
		}        

.row:nth-child(even) {
    flex-direction: row-reverse
}

.barmg {
    margin-top: 40px;
			display:none;
}
/*.row:nth-child(even) .text{align-items:flex-end;text-align:center} */