body {
padding-bottom: 40px;
background: hsla(0, 32%, 92%, 1);
background: linear-gradient(90deg, hsla(0, 32%, 92%, 1) 0%, hsla(34, 37%, 93%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(0, 32%, 92%, 1) 0%, hsla(34, 37%, 93%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(0, 32%, 92%, 1) 0%, hsla(34, 37%, 93%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F1E4E4", endColorstr="#F3EDE5", GradientType=1 );
}

header a {
width: 150px;
display: block;
margin: 0 auto;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
header a:hover {
opacity: 0.6;
}
header a img {
margin-top: 0;
}

@media screen and (max-width: 980px) {
header a {
width: 110px;
margin-bottom: 10px;
}
}


main {
width: 90%;
max-width: 900px;
margin: 0 auto;
padding: 50px 100px;
background: #fff;
border-radius: 10px;
}

@media screen and (max-width: 980px) {
body {
background: #fff;
}
main {
width: 86.6666%;
max-width: initial;
margin: 0 auto;
padding: 0;
box-shadow: none
}
}


h1 {
font-size: 28px;
line-height: 1.5em;
font-weight: 600;
}

h2 {
padding: 10px 20px;
font-size: 24px;
line-height: 1.5em;
font-weight: 600;
background: #faeeef;
border-radius: 3px;
}

h3 {
padding: 15px 0;
border-top: 1px dotted #d3d3d3;
border-bottom: 1px dotted #d3d3d3;
font-size: 20px;
line-height: 1.5em;
font-weight: 600;
}
h3 .num {
display: inline-block;
margin-right: 15px;
color: #d5989d;
font-family: 'Lato', sans-serif;
font-size: 20px;
}
@media screen and (max-width: 768px) {
h1 {
font-size: 24px;
}
h1 br {
display: none;
}
h2 {
font-size: 20px;
}
h3 .num {
display: block;
margin-right: 0x;
color: #d5989d;
font-family: 'Lato', sans-serif;
font-size: 13px;
}
}


h4 {
font-size: 18px;
}

img,p,h3,h4,ul {
margin-top: 30px;
}

.under {
text-decoration: underline;
}

ul.plan li {
max-width: 19%;
flex: 0 1 19%;
margin-bottom: 10px;
}

ul.dress li {
max-width: 33%;
flex: 0 1 33%;
}

ul.item3 li {
max-width: 33%;
flex: 0 1 33%;
margin-bottom: 5px;
}

ul li img {
margin-top: 0;
}

@media screen and (max-width: 768px) {
ul.plan:before {
content: "";
display: block;
width: 24%;
order: 1;
}
ul.plan:after {
content: "";
display: block;
width: 24%;
}
ul.plan li {
max-width: 24%;
flex: 0 1 24%;
margin-bottom: 8px;
}
ul.plan li {
margin-bottom: 5px;
}
ul.item3 li {
margin-bottom: 2px;
}
}

a.under {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a.under:hover {
color: #aca055;
opacity: 1;
}

a.link {
padding-left: 3px;
text-decoration: underline;
color: #f55562;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a.link:hover {
color: #333;
}

.campaign {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.campaign:hover {
opacity: 0.6;
}

.note {
font-size: 12px;
opacity: 0.6;
}

.contact-box {
text-align: center;
}
.contact-box p {
margin-top: 10px;
border-radius: 3px;
font-size: 16px;
line-height: 16px;
background: #aca055;
color: #fff;
letter-spacing: 0.05em;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.contact-box p a {
display: block;
width: 100%;
padding: 30px 0;
}
.contact-box p:hover {
background: #666;
}
@media screen and (max-width: 768px) {
.contact-box p a {
padding: 25px 0;
letter-spacing: 0;
}
}

.btn-link {
display: block;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn-link a {
text-decoration: underline;
font-size: 14px;
letter-spacing: 0;
}
.btn-link:hover {
text-align: center;
color: #aca055;
}

@media screen and (max-width: 768px) {
.btn-link a {
font-size: 13px;
}
}

footer {
text-align: center;
}
footer p {
font-size: 10px;
opacity: 0.4;
font-family: 'Lato', sans-serif;
}
