#Contact{background: #606c88;background: radial-gradient(ellipse at center,  #606c88 0%,#3f4c6b 100%);}
#Contact{padding:2em 10%;}
#Contact > section{float:left;width:49%;}
#Contact > section > div{line-height:30px;vertical-align:middle;height:30px;padding:.5em;font-weight:700;}
#Contact > section > div a,#Contact > section > div span , b{color:#fff;}
#Contact > section > div > img{float:right;height:30px;width:30px;margin-left:5px;}
#Contact > div{float:right;width:49%; border:1px solid rgba(0,0,0,0.3);}
#Contact > div > header{background-color:rgba(0,0,0,0.3);text-align:center;padding:.5em 0;margin-bottom:1em;}
#Contact > div > form{margin:2%;}
#Contact > i{clear:both; display:block;}
.Box{border:1px solid #bbb;border-radius:3px;padding:4px 10px;transition:.5s; resize:none; margin-bottom:1em;}
.Box:hover{border-color:#888;}
.Box:focus{border-color:#555;}
.Text{width:50%;}
.Area{width:80%;height:130px;}
.Validator{font-size:60%;margin:0;margin-bottom:5px; margin-top:0;}
.Submit{margin:0;height:2em;width:20%;}

@media only screen and (min-width:1px) and (max-width: 1023px) {
    #Contact{padding:2em 2%;}
    #Contact > div{float:none;width:100%;}
    #Contact > section {float:none;width:99%;}
    #Contact > section > div{padding:.5em 0;font-weight:normal; font-size:90%;}
    #Counter{font-size:60%;}
}