@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
div.about {
	background-color: #e5e1dd;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.about_left {
	float: left;
}
div.about h2 {
	color: #9e2019;	
	font-weight: 900;
	line-height: 0.9;
}
.about_left p, .about_right p {
    color:#37383D;
    line-height: 1.5;
}
.about_left p{
	width:90%;
}

.about_left p span,
.about_right p span {
	font-weight: 700;
}
.about_right {
	float: right;
}
#about_sec2 .magazine {
	background: rgba(0, 0, 0, 0) url("../images/magazine_footer_image_new.png") no-repeat scroll 0 0/100% 100%;
	position: absolute;
}

@media screen and (min-width: 700px) {
	#about_sec2, #about_sec2 .magazine {
		display: block;
	}
	#grey_foot1, .mcaffe, #footer1 {
		display: none;
	}
	div.about {
		margin: 0 auto 0vw;
		padding: 4.167vw 0 0;
		width: 100%;
		box-sizing: border-box;
	}
div.about > div {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-height: 365px;
	max-width: 1200px;
	padding:0 20px 15px;
	position:relative;
	box-sizing:border-box;
}
.about_left {
    width: 50%;
}
.about_right {
    width: 45%;
}
	div.about h2 {
		font-size: calc(16px + (34 - 16) * ((100vw - 700px) / (1200 - 700)));
		padding-bottom: 2.083vw;
	}
	.about_left p,
	.about_right p {
		font-size: calc(12px + (16 - 12) * ((100vw - 700px) / (1200 - 700)));
		padding-bottom: 1.667vw;
	}
	
	#about_sec2 .magazine {
		    height: 175px;
            right: 63px;
             width: 215px;
             bottom: 0;
}
}



@media screen and (min-width: 1200px) {
	.about_left {
    width: 52%;
}
	div.about {
		margin: 0 auto 0px;
		padding: 50px 0px 0px;
		width: 100%;
		box-sizing: border-box;
	}

	div.about h2 {
		font-size: 36px;
		padding-bottom: 25px;
	}

	.about_left p,
	.about_right p {
		font-size: 16px;
		padding-bottom: 20px;
	}

	#about_sec2 .magazine {
		height: 210px;
        right: 63px;
        width: 254px;
        bottom: 0px;
	}
}

@media screen and (max-width: 699px) {
div.about {
    display: none;
}
.greyCntarea {
    line-height: 17px;
    padding: 20px 32px 15px;
    position: relative;
    background: #efefef;
    display: block;
	font-family: 'Lato', sans-serif;
}

.grayleft > h2 {
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    color: #9e2019;
    font-weight: 900;
	padding-bottom: 15px;
}	
.greyCntarea p {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 18px;
    padding-bottom: 15px;
    color: #37383D;
}
.greyCntarea p span {
    font-weight: 700;
}
.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.mcaffe {
    margin: 40px 60px 35px;
    text-align: center;
}
.mcaffe img {
    width: 200px;
}

}