/*RESET*/
html,body,header,nav,main,article,article header,article footer,section,aside, footer,canvas,video,audio,object,img,embed,figure,figcaption,h1,h2,h3,h4,h5,h6,div,span,p,dl,dt,dd,ol,ul,li,form,label,input,button
{
margin:0;
padding:0;
border:0;
outline:0;
box-sizing:border-box;
font-size:100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-family:'Arial Narrow' !important;
vertical-align:baseline;
line-height:1;
text-overflow:ellipsis;
color:hsla(0,0%,0%,1);
text-shadow:0px 0px 1px hsla(0,0%,0%,.4);
background:transparent;
}

header,main,footer{display:block;margin:0 auto;}
h1,h2,h3,h4,h5,h6{text-align:center;}
img,object,video,embed{max-width:100%;display:block;position:relative;top:0;left:0;}
article header,article footer{width:calc(100%);margin:0 auto;}
footer{clear:both;}										
a{text-decoration:none;color:hsla(0,0%,0%,1);}
ol,ul{list-style:none;}
:focus{outline:0;}
/*--------------------------------------------*/

/*--==body==--*/
.congratulation
{
width:calc(100%);
height:calc(100vh);
background:hsla(0,0%,100%,1);
}

/*--==голова==--*/
.congratulation_header
{
width:calc(100%);
height:calc(4rem);
background:url(fon_header.jpg) no-repeat 95% 0% , hsla(0,0%,100%,1);
background-size:4rem;
}
.congratulation_header-h1
{
font:700 2.4rem/1 'Arial Black',sans-serif;
color:hsla(0,100%,50%,1);
letter-spacing:.1rem;
text-shadow: hsla(0,0%,10%,1) -2px 0px 0px;
}

/*----==контент==-----*/
.congratulation_main
{
width:calc(100%);
min-height:calc(100vh - 12rem);
}
.congratulation_section
{
width:calc(90%);
min-height:calc(100vh - 12rem);
margin:0 auto;
padding:1rem .4rem;

background:hsla(60,89%,49%,1);
box-shadow:0 0 1rem hsla(0,0%,0%,1);
}
.congratulation_section-h2
{
width:calc(100%);
margin:0 auto;

text-align:center;
font:700 1.6rem/1.2 serif;
color:hsla(0,0%,0%,1);
}
.congratulation_div
{
width:calc(100%);
margin:0 auto;
padding:.4rem 0;
}
.congratulation_div-strong
{
padding-left:5%;
font:700 140%/1 serif;
}
.congratulation_div-p
{
padding-left:8%;

font:100 120%/1 serif;
}
.congratulation_div-ul
{
border:1px solid hsla(0,0%,80%,.6);
padding-left:8%;

background:hsla(0,0%,90%,1);
}
.congratulation_div_ul-li
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.congratulation_div-a
{
width:calc(40%);
padding:.4rem 0;

font:italic 700 120%/1 serif;
color:hsla(240,100%,50%,1);
text-indent:5px;
}
.congratulation_div-a:hover
{
color:hsla(0,100%,40%,1);
text-decoration:underline;
}
.congratulation_section_form
{
width:calc(100%);
margin:0 auto;

background:hsla(0,0%,0%,0);
}
.congratulation_section_form-button
{
display:block;
width:calc(60%);
margin:0 auto;
padding:1rem 0;
border-bottom:1px solid hsla(0,0%,80%,1);

text-align:center;
font:700 1.6rem/1.2 serif;
letter-spacing:3px;
color:hsla(0,0%,40%,1);
background:hsla(240,100%,40%,1);

text-shadow: #ffffff -2px 0px 0px;
box-shadow:0 .4rem 4px hsla(0,0%,20%,.8),0 0 1rem hsla(0,0%,0%,1);
transition:all .4s linear 0s;
}
.congratulation_section_form-button:hover
{
border-bottom:1px solid hsla(0,0%,0%,0);

text-decoration:underline;
background:hsla(0,0%,10%,1);
cursor:pointer;

box-shadow:0 .4rem 4px hsla(0,0%,20%,0);
}
/*--==проверка_aside==--*/
.congratulation_aside
{
width:calc(90%);
min-height:calc(100vh - 12rem);
margin:0 auto;
padding:1rem .4rem;

background:hsla(60,89%,49%,1);
box-shadow:0 0 1rem hsla(0,0%,0%,1);
}
.congratulation_aside-h5
{
width:calc(100%);
margin:0 auto;

text-align:center;
font:700 1.6rem/1.2 serif;
color:hsla(0,0%,0%,1);
}
.congratulation_aside_form
{
width:calc(100%);
}
.aside_form_p
{
width:calc(100%);
margin:0 auto;
padding:1rem;

text-align:center;
}
.aside_form_p-strong
{
font:100 3rem/1 'Arial Black',sans-serif;
color:hsla(0,0%,0%,1);
}
.aside_form_p-b
{
font:700 3rem/1 'Arial Black',sans-serif;
color:hsla(0,0%,0%,1);
}
.aside_form-input
{
width:calc(3rem);
height:calc(3rem);

font:700 3rem/1 'Arial Black',sans-serif;
background:hsla(0,0%,0%,0);
}
.aside_form-button
{
display:block;
width:calc(60%);
margin:0 auto;
padding:1rem 0;
border-bottom:1px solid hsla(0,0%,80%,1);

text-align:center;
font:700 1.6rem/1.2 serif;
letter-spacing:3px;
color:hsla(0,0%,40%,1);
background:hsla(240,100%,40%,1);

text-shadow: #ffffff -2px 0px 0px;
box-shadow:0 .4rem 4px hsla(0,0%,20%,.8),0 0 1rem hsla(0,0%,0%,1);
transition:all .4s linear 0s;
}
.aside_form-button:hover
{
border-bottom:1px solid hsla(0,0%,0%,0);

text-decoration:underline;
background:hsla(0,100%,30%,1);
cursor:pointer;

box-shadow:0 .4rem 4px hsla(0,0%,20%,0);
}
.congratulation_aside_div
{
width:calc(100%);
margin:0 auto;
padding-top:1rem;

text-shadow:hsla(0,0%,20%,1) -2px 0px 0px;
letter-spacing:1px;

text-align:center;
font:700 1.6rem/1.2 serif;
color:hsla(120,100%,20%,1);
}
.congratulation_aside_div b
{
font-size:4rem;
color:hsla(0,100%,50%,1);
}
/*--==подвал_футер==--*/
.congratulation_footer
{
width:calc(100%);
height:calc(4rem);
margin-top:1rem;

background:url(fon_footer.png) repeat-x, hsla(0,0%,100%,1);
background-size:4.5rem;
}
.congratulation_footer-h4
{
font:normal 1.4rem/1.4 Arial,sans-serif;
color:hsla(240,100%,40%,1);
}
/*--==коррекция==--*/ 
@media screen and ( max-width:490px){
.congratulation_header
{
background:url(fon_header.jpg) no-repeat 100% 0% , hsla(0,0%,100%,1);
background-size:4rem;
}
.congratulation_div-strong
{
padding-left:5%;
font:700 110%/1 serif;
}
.congratulation_div-p
{
padding-left:10%;
font:100 100%/1 serif;
}
}
@media screen and ( max-width:390px){
.congratulation_header-h1
{
font:700 2rem/1 'Arial Black',sans-serif;
letter-spacing:2px;
}
.congratulation_section, .congratulation_aside
{
width:calc(100%);
padding:.4rem .1rem;
}
.congratulation_section-h2
{
font:700 1.2rem/1 serif;
}
.congratulation_div-strong
{
padding-left:2%;
}
.congratulation_div-p
{
padding-left:5%;
}
.congratulation_div-a
{
width:calc(45%);
padding:.2rem 0;
}
.congratulation_section_form-button, .aside_form-button
{
width:calc(100%);
padding:.4rem 0;
}
}