@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap');

body.information-about_us {
	background-color: var(--bg-all);
}

.about-page-head {
	margin-bottom: 50px;
}
.about-page-head h2 {
    font-weight: bold;
    font-size: 38px;
    line-height: 48px;
    margin: 0 0 -10px;
}
.about-page-head h3 {
    font-size: 125px;
    color: var(--color-text);
    margin: 0 0 16px;
    line-height: 125px;
    font-weight: normal;
    font-family: "SVN-Rockness";
}
.about-page-head p {
	font-size: 18px;
}
.about-page-head .bread {
    padding: 6px 0 16px;
    font-size: 18px;
    margin-bottom: 30px;
}
.about-page-head .bread a:last-child,
.about-page-head .bread a:hover {
	color: var(--color-text);
}

.about-page-row-1 {
	margin: 50px 0 30px;
}
.item-row-1 {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
}
.item-row-1 .inner-item {
    overflow: hidden;
    float: left;
    border-radius: 45px;
    position: relative;
}
.item-row-1:nth-child(2) .inner-item {
	max-width: 480px;
	float: right;
}
.item-row-1 .info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px 20px;
}
.item-row-1 .info h2 {
	margin: 0 0 10px;
    line-height: 1.3;
    font-size: 18px;
}
.item-row-1 .info .info-item {
	font-size: 18px;
}

/* row 2 */
.about-page-row-2 .title h2 {
    margin: 0 0 10px;
    line-height: 1.3;
    font-family: "Vujahday Script", cursive;
    font-size: 34px;
}
.about-page-row-2 .title h3 {
	font-size: 28px;
    margin: 0 0 15px;
    line-height: 1.3;
    color: var(--color-text);
    font-weight: bold;
}
.about-page-row-2 .title p {
	font-size: 18px;
}
.item-row-2,
.item-row-3,
.item-row-4 {
	padding-bottom: 50px;
}

.about-page-row-3 {
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
    color: #fff;
}
.about-page-row-3 .icon {
    font-size: 35px;
    margin-bottom: 30px;
}
.about-page-row-3 .text {
    font-size: 18px;
}
.about-page-row-3 h2 {
 	font-size: 48px;
    margin: 55px 0 0;
    font-family: "Bonheur Royale", cursive;
    font-weight: 400;
}

@media (min-width: 1200px) {
	.item-row-3 .col-xs-12.col-md-6.pull-right,
	.item-row-4 .col-xs-12.col-md-5 {
		order: 1;
	}
	.item-row-2 {
		position: relative;
	}
	.item-row-2 .title {
	    position: absolute;
	    top: 5px;
	    left: 0;
	    max-width: 600px;
	}
}

@media (max-width: 992px) {
	.about-page-head h2 {
		margin-bottom: 5px;
		font-size: 38px;
	}
	.about-page-head h3 {
	    font-size: 62px;
   		line-height: 62px;
   		margin-bottom: 20px;
	}
	.about-page-row-2 .title {
	    text-align: center;
	    margin-bottom: 30px;
	}
}