.wrapper{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.content{
    display: flex;
    flex-wrap: wrap;
}
.box{
    margin: 30px;
    height: 100px;
    width:320px;
    flex-grow: 1;
}
h1{
    text-align: center;
    color: blue;
    font-size: xx-large;
}
.one, .two, .three{
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid#eced;
}
.two{
    border-right: none;
}

form{ 
    visibility: hidden;
    text-align: center;
    height: 60px;
    position: relative;
    background-image:url(../pics/t7.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;


}
.form{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}
div form {
    margin-top: 30px;
    border: 1px solid black;
    width: 300px;
    height: 300px;

}
div span{
    font-size: 20px;
    display: flex;
    justify-content: center;
    color:#fff;
    align-content: center;
    text-align: center;

}
input[type=text]{
    text-align: center;
    font-size: 15px;
}

textarea{
    text-align: center;
    font-size: 15px;
    resize: none;
}

button{
    padding: 20px;
	width: 200px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
    background: black;
    color: yellow;
    border: 1px solid rgba(24, 20, 24, 0.867);
}
