@charset "utf-8";
/* CSS Document */

.beer-title{margin:7rem 0 3rem;text-align:center;}
.beer-title h2{font-size:3rem;line-height:normal;margin-bottom:1rem;}
.beer-img{width:40%;margin:3rem auto;}
.beer-reser{background: #DDD;padding:3rem 0;}
.beer-reser p{width:30%;margin:0 auto;text-align:center;}
.beer-reser p span{font-size:1.3rem;font-weight:bold;line-height:normal;}
.beer-reser-links{display:flex;gap:1rem;justify-content:center;width:50%;margin:3rem auto 0;}
.beer-reser a{display:block;width:50%;margin:0;text-align:center;border:solid 1px #000;padding:10px 0;font-size:2.5rem;line-height:normal;background:#000;color:#FFF;}
.beer-reser a:hover{background:#DDD;color:#000;}

.beer-data{width:40%;margin:0 auto 5rem;padding:3rem;}
.beer-data h2{text-align:center;font-size:1.5rem;line-height:normal;margin-bottom:3rem;padding-bottom:1rem;position:relative;}
.beer-data h2::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-bottom:solid 1px #AF7215;width:10rem;}
.beer-data p{width:50%;margin:0 auto 10px;padding-bottom:10px;border-bottom:solid 1px #DDD;}

.beer-thanks{width:80%;margin:10rem auto;text-align:center;}
.beer-thanks h1{font-size:2rem;line-height:normal;margin-bottom:2rem;}
.beer-thanks p{margin-bottom:1rem;}
.beer-thanks a{display:block;width:300px;margin:3rem auto 0;background:#000;color:#FFF;padding:1rem;transition:.3s ease-in-out;}
.beer-thanks a:hover{opacity:.7;}

@media screen and (max-width:1536px){
}
@media screen and (max-width:1366px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){
.beer-reser p{width:45%;}
.beer-reser-links{width:75%;}
.beer-reser a{width:50%;}
	
}
@media screen and (max-width:768px){
.beer-img{width:75%;}
	
}
@media screen and (max-width:640px){
.beer-title h2{font-size:1.5rem;}
.beer-img{width:95%;}
.beer-reser p{width:90%;}
.beer-reser-links{display:block;width:75%;}
.beer-reser a{width:100%;font-size:2rem;}
.beer-reser a + a{margin-top:1rem;}
.beer-data{width:90%;padding:1rem;}
.beer-data p{width:90%;}
	
}