@* {
	font-style: heveltica;
	background-color: #FADBD8;
}
body {min-height:500px!important;}
#content { 
	padding-bottom: 30px;
	
}
header {
	text-align: center;
	font-size: 30px;
	color: black;
}
.start {color:#006176 !important;}
.zodiak {display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-around;}
.box {
	width: 300px;
	height: 20px;
	font-size: 15px;
	border-radius: 7px;
	background-color: white;
}
.field {
	-webkit-appearance: none;
  -moz-appearance: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}
input[type='date']:after {
   color: #000000;
   content: attr(placeholder);
}
input {margin: 10px;
    padding: 5px; min-height:40px !important;
font-size:18px;
	display:block;
}
section {
	text-align: center;
	max-width: 800px;
    margin: 0 auto;
	padding:10px;
}

.button {
	background-color: #1877F2;
	border-radius: 0px;
	font-size: 25px;
	color: white;
	border: 0px;
	margin-bottom:70px !important;
}
.social img {
    width: 70px;
    padding: 10px;
	margin-bottom:0px;
}
button:hover {
	background-color: blue;
}
.info {

    display: flex;
    flex-direction: row;
    align-items: center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:18px;
}

@media only screen and (max-width:708px){
	.info {flex-direction: column-reverse;}
	.info div {max-width:70% !important;}

}
.info p {text-align: justify;
    padding-left: 15px;}