#x3d{ display: flex; margin-top:50px}
#x3h2{padding:0;}
#x3d1, #x3d2{ border-top:2px solid #1d1b1b;}
#x3d1{border-right: 2px solid #1d1b1b;}
#x3bt {
    width: 0px;
    height: 0px;
    margin:10px 7px 0;
    border-left: none;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 15px solid #920000;
    background:transparent;
    transition:1s all;
    float: right;
}
#x3d0{
    transition: 1s all;
    width: 228px;
    clear: both;
    overflow: hidden;
    padding: 0 20px 20px;
}
.x3a{
    margin: 1px 0;
    text-decoration: none;
    color: #d53b23;
    font-size: 18px;
    border-bottom: 1px solid #444;
    padding: 10px;
    text-shadow: 0 0 6px #000;
}
.x3s, .x3sl, .x3in{
    box-sizing: border-box;
    font-size: 16px;
    color:#fff;
    padding:5px 0;
    outline: none;
}
.x3s{display: inline-block;}

.x3sl, .x3in{
    background: #afaaaa;
    border: 0;
    padding: 7px;
    width: 100%;
    border-radius: 4px;
    color: #111
}
.x3d1{
    margin:10px 0;
}
.x3bt1{
    background: linear-gradient(#5a0000, #a50606);
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    margin: 10px 0;
    border: 2px solid #790000;
    color: #ea6a6a;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 2px 3px #2b0f0f;
    box-sizing: border-box;
    transition:1s all;
}
.x3bt1:hover{
    color: #f59999;
    border: 2px solid #b10606;
}
#x3h3{display: none;}

@media screen and (max-width:520px){
	#x3d0{padding:0 10px;}
    #x3d{flex-direction: column;}
    #x3d1, #x3d2{ border:none;} 
    #x3h2{display: none;}
    #x3h3{display: inline-block;}
}