html {font-size: 20px; background-color: #D8D2CB;}
head{font-size: 1rem; padding: 2.5rem 0 0;}

.special_wrap {padding: 2.5rem 0 2.5rem;}
.special_wrap .line {border-bottom :.1rem solid #A39789; margin-left: 3.2rem; margin-right: 3.2rem; padding: 0.5rem;}
.square {background-color: #544D48; margin-left:0rem;height:1rem;width:1rem;margin-bottom:-2.7rem;}
.special {display: flex; font-family: 'Noto Sans'; text-align: left;}
.special h2 { font-family:'Noto Sans'; font-weight: 700; font-size: 1rem; color:#544D48; display: flex; text-decoration:none;padding: .7rem; margin-left: 2rem;margin-bottom: .8rem;}
.special a{text-decoration: none;}
.under{text-decoration: underline;}
.special a:link{color: #544D48;}
.special a:vlink{color: #544D48;}
.special a:hover{color:#544D48;transform: scale(1.1)}
.special a:active {color:#A39789;}
.right_home {width: auto; height: 2rem; float: right; margin-bottom: .8rem; margin-top: -0.5rem;}

body
.main_image { width: 50%; height: 30rem;  overflow:inherit; float:right; margin-top:-30%;}
.main_image img { max-width: 100%; height: auto; display: block; border-left: 0.1rem solid #A39789; }

.Main h3{font-family: 'Noto Sans'; font-weight: 200; font-size: 6rem; color: #A39789; text-align: end; line-height: 5.5rem; margin-right: 50%;}
.Main ul{font-family: 'Noto Sans'; font-weight: 500; font-size: 1.1rem;color:#544D48;text-align: end;  letter-spacing: 0.3rem; margin-right: 50%; margin-top: -6rem;}

@media (max-width: 800px)
{
.special_wrap {padding: 2rem 0 2rem;display: block;}
.special_wrap .line { margin-left: 1rem; margin-right: 1rem; padding-top: 0;}
.square {margin-left: .4rem; margin-bottom:1rem; }
.special {width: auto; justify-content: space-between;align-content: center;}
.special h2 {font-weight: 700; font-size: 1rem; display: flex; padding: .4rem; margin-left: 0rem;margin-bottom: .2rem;}
.special a{text-decoration: none;}
.under{text-decoration: underline;}
.special a:link{color: #544D48;}
.special a:vlink{color: #544D48;}
.special a:hover{color:#544D48;transform: scale(1.1)}
.special a:active {color:#A39789;}
.right_home {width: auto; height: 2rem; float: right; margin-top: -3.5rem;}

body
.main_image { width: 100%; height: auto;  overflow:inherit; float:left; margin-top:-20%;}
.main_image img { max-width: 100%; height: auto; display: block; border-left: 0.1rem solid #A39789; }

.Main h3{font-weight: 200; font-size: 4rem; color: #A39789; text-align:end; line-height: 3.5rem; margin-right: 2rem;margin-top: 0rem;}
.Main ul{width:auto;  font-weight: 400; font-size: 1rem;color:white; text-align: end;  letter-spacing: 0.3rem; margin-right: 2rem; margin-top: -3rem;}
}
@media (max-width: 400px){
.special_wrap {padding: .5rem 0 .5rem;display: block;}
.special_wrap .line { margin-left: .5rem; margin-right: .5rem; padding-top: .5rem;}
.square {margin-left: .2rem; margin-bottom:0.2rem; }
.special {width:80%; align-content: center;align-content: center; margin-left: -.5rem; margin-right: .2rem;}
.special h2 {text-align: center; font-weight: 700; font-size: 0.7rem; display: flex; margin-bottom: -.5rem; justify-content: space-between; margin-top: -.5rem;}
.special a{text-decoration: none;}
.under{text-decoration: underline;}
.special a:link{color: #544D48;}
.special a:vlink{color: #544D48;}
.special a:hover{color:#544D48;transform: scale(1.1)}
.special a:active {color:#A39789;}
.right_home {width: auto; height: auto;margin-top: -1.5rem;}
	.right_home img{width: 40%; height: auto;float: right}

body
.main_image { width: 100%; height: auto;  overflow:inherit; float:left; margin-top:-20%;}
.main_image img { max-width: 100%; height: auto; display: block; border-left: 0.1rem solid #A39789; }
.Main {align-content: flex-end;}
.Main h3{font-weight: 200; font-size: 2.2rem; color: #A39789; text-align:end; line-height: 2rem; margin-right: .2rem;margin-top: 0rem;}
.Main ul{width:auto;  font-weight: 400; font-size: .6rem;color:white; text-align: end;  letter-spacing: 0.3rem; margin-right: .2rem; margin-top: -2rem;}	
	
}