.content2 {
margin:auto;
width:100%;
height:500px;
}
.col-lg-4 {
margin:auto;
float:left;
}
h1 {
color:#01153B;
font-size:26px;
font-style:normal;
font-weight:normal;
font-stretch:normal;
line-height:1.4em;
font-family:'Play', sans-serif;
}
p {
color:#01153B;
font-size:15px;
font-style:normal;
font-weight:normal;
font-stretch:normal;
line-height:1.4em;
font-family:'Play', sans-serif;
}
#field {
width:100%;
height:40px;
border-radius:5px;
}
#field1 {
width:100%;
height:120px;
border-radius:5px;
}
.file-upload {
position:relative;
overflow:hidden;
width:100%;
height:30px;
background:#a7adaf;
border-radius:3px;
padding:8px 4px;
color:#fff;
text-align:center;
}
.file-upload:hover {background:#a7adaf;}
.file-upload input[type="file"]{display: none;}
.file-upload label {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}
.file-upload span {line-height:36px;}
#buttonSubmit {
width:100%;
height:50px;
border-radius:5px;
background:#a7adaf;
}
table {width:100%;}
th {width:100%;}
.box {
width:100%;
height:auto;
background:#dceaef;
border-radius:15px;
float:left;
text-align:center;
}
#arrow {
height:5em;
width:5em;
}
.rounded {
counter-reset:li; 
list-style:none; 
font:14px "Trebuchet MS", "Lucida Sans";
padding:0;
text-shadow:-1px 1px 0 rgba(255,255,255,.5);
}
.rounded li {
width:100%;
}
.rounded a {
width:100%;
position:relative;
display:block;
padding:.4em .4em .4em 2em;
margin:.5em 0;
background:#DAD2CA;
color:#444;
text-decoration:none;
border-radius:.3em;
transition:.3s ease-out;
}
.rounded a:hover {background:#E9E4E0;}
.rounded a:hover:before {transform:rotate(360deg);}
.rounded a:before {
content:counter(li);
counter-increment:li;
position:absolute;
left:-1.1em;
margin-top:-0.4em;
background:#8FD4C1;
height:2em;
width:2em;
border:.3em solid white;
text-align:center;
font-weight:bold;
border-radius:2em;
transition:all .3s ease-out;
}