.All {font-family: Noto Sans Thai;
background-image: url("https://www.quinl.com/CompanyImages/Images/2502/1740461739_32359.jpg");
}

.A {background-image: url("https://www.quinl.com/CompanyImages/Images/2502/1740392362_50137.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding: 100px 200px 100px 200px;
}

.A1 img{width: 500px;
background: rgba(255,255,255,0.75);
padding: 10px 20px 20px 20px;
margin: 0 0 80px 0;
border-radius: 10px;
display: inline-block;
}

.A2 {width: 80%;
background: #2d4e88;
margin: 20px 0 20px 0;
padding: 10px;
border-radius: 500px;
display: inline-block;
}

#A2 {color: #fff;
font-size: 20px;
}

.A2:hover{background: #d65723;
}

.B {background: rgba(255,255,255,0.75);
padding: 50px;
}

.BB {padding: 30px;
border: 3px #87735a solid;
}

.B1 {color: #513e26;
font-size: 17px;
line-height: 28px;
}

.B2 img{width: 25px;
margin: 0 5px 0 0;
display: inline-block;
}

.B2 {color: #dd6822;
font-size: 18px;
font-weight: bold;
padding: 20px 0 0 0;
}

.B3 {color: #513e26;
font-size: 16px;
line-height: 26px;
}

.C {background: #fff;
padding: 10px 50px 30px 50px;
}

.C1 {color: #2d4e88;
font-size: 30px;
font-weight: bold;
padding: 40px 0 20px 0;
font-family: Kanit;
}

.C2 img{width: 120px;
overflow: hidden;
transition: 1s;
display: inline-block;
}

.C2 img:hover{transform: scale(1.2);
}

.C3 {color: #555;
font-size: 16px;
padding: 0 20px 20px 20px;
}

.Y {background: rgba(255,255,255,0.75);
padding: 50px 50px 40px 0;
margin: 0 0 7px 0;
}

.Y1 img{width: 150px;display: inline-block;
}

.Y2 {color: #2d4e88;
font-size: 20px;
font-weight: bold;
}

.Y3 {color: #555;
font-size: 20px;
padding: 10px 0 10px 0;
}

.Y4 {color: #d65723;
font-size: 22px;
}

.Z {background: #2d4e88;
padding: 40px 50px 30px 50px;
}

.Z1 {color: #fff;
font-size: 20px;
}

.Z2 img{width: 200px;
margin: 10px 20px 0 0;
display: inline-block;
}

.Z3 {color: #fff;
font-size: 17px;
line-height: 28px;
}

@media only screen and (max-width: 900px) {
.A {background: url(https://www.quinl.com/CompanyImages/Images/2502/1740392362_50137.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 50px 30px 40px 30px;
}
.A1 img{width: 300px;
margin: 0 0 20px 0;
}
.A2 {width: 100%;
margin: 15px 0 15px 0;
}
#A2 {font-size: 18px;
}
.B {padding: 20px 10px 20px 10px;
}
.BB {padding: 30px 20px 30px 20px;
}
.C {padding: 20px;
}
.C1 {font-size: 25px;
padding: 30px 0 20px 0;
}
.C2 img{width: 150px;
}
.C3 {font-size: 18px;
padding: 0 0 20px 0;
}
.Y {padding: 30px 20px 30px 20px;
}
.Y1 img{margin: 0 0 10px 0;
}
.Y3 {font-size: 17px;
}
.Y4 {font-size: 20px;
}
.Z {padding: 30px;
}
.Z1 {font-size: 25px;
text-align: center;
}
.Z2 {text-align: center;
}
.Z2 img{width: 220px;
margin: 10px 0 10px 0;
}
.Z3 {font-size: 16px;
line-height: 26px;
}
}