@font-face {
    font-family: 'avenird';
    font-style: normal;
    font-weight: normal;
    src: url(AvenirNextLTPro-Demi.woff);
}

@font-face {
    font-family: 'avenirr';
    font-style: normal;
    font-weight: normal;
    src: url(AvenirNextLTPro-Regular.woff);
}

@font-face {
    font-family: 'avenirb';
    font-weight: 5000;
    src: url(AvenirNextLTPro-Bold.woff);
}

#wrap {width:50%; margin:0 auto 0; /* height:400px; */ float: left;}
#wrap2 {width:50%; margin:0 auto 0; height:400px; float: right; padding-top:5px;}



#form_wrap.hide:after, #form_wrap.hide:before {
        display:none;
    }


  form {background:#fff; 
        font-family: 'Avenir Next LT Pro Demi';
    position:relative;
        float: left;
        overflow:hidden;
    height:150px;
        width:100%;
        margin:0px auto;}


    #form_wrap form {height:auto; float: left;}
    label {
      margin: 11px 20px 0 0; 
      font-size: 16px; color: #000;
      text-transform: uppercase;
    }

    input[type=text], textarea {
      color: #000;
            font-family: 'Avenir Next LT Pro Regular';
            background-color:#e8e8e8;
      width: 90%; 
            height: 36px; 
            padding: 0px 10px; 
            margin: 0 0 10px 0;
            border: none;
    }  

    textarea {
            height: 135px; 
            padding-top:14px; 
            font-family: 'Avenir Next LT Pro Regular'; 
            color: #000;}

    textarea:focus, input[type=text]:focus {
            font-family: 'Avenir Next LT Pro Regular';}

        #submitsizewrap{
            width: 90%;
            padding-top: 5px;
        }
        #socialmedia{
            width: 40%;
            float: right;
            position: relative;
            bottom:5px;
        }
        #titlesocial{
            width: 60%;
            float: left;
        }

    #form_wrap input[type=submit] {
      position:relative;
            float: right;
      color: #000;
      width: 150px;
            height: 61px;
      opacity:0.8;
            border: none;
      background:url('css/buttons/sendgreen.png') no-repeat;
            background-size: cover;
            background-position:center center;
            display: block;
        }

      #form_wrap input:hover[type=submit] {
                color:#7fc242;
      opacity:1;
            }

@media (max-width: 768px) {
    #wrap {
    position: relative; 
    width:100%; 
    margin:0;
   /*  height:200px; */
    border-right: none;}
    
#wrap2 {position: relative; 
width:100%; 
    margin:0;
height:200px; }
    
    form {
        width: 80;
    }
    
    input[type=text], textarea {
      width: 95%; 
      height: 36px; 
      padding: 0px 5px; 
      margin: 0 0 5px 0;
    }  
    #form_wrap input[type=submit] {
               padding-right:5.33%;}

}