/* CSS Document */

*{ transition: all 0.3s linear; }
#logo{ transition: opacity 0.7s linear; max-width: 400px !important;}
@media(max-width:400px) {
	#logo { width: 100% !important; }
}
#form_box { transition: opacity 0.3	s linear; }
body {
	background: url('/img/bg.png') #f9f9f9 repeat;
}

h3 { font-weight: 900; }

#form_box { 
	max-width: 650px; margin: 0 auto; background: #fff; 
	border: 1px solid #ccc;
	box-shadow: 2px -2px 22px #ccc;
}
.red { color: red; }
.red-arrow { 
	    background: url(/img/red-arrow.png);
    width: 42px;
    height: 54px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: 14px;
    position: absolute;
    margin-top: 10px;	
}
#diagram { max-width: 100%;   }
#diagram-mobile { max-width: 100%; display: none; }
@media(max-width:769px) {
	.red-arrow { display: none !important; }
	#diagram { display: none !important; }
	#diagram-mobile { display: block; }
	h3 { font-size: 1.2rem;}
}

.btn-black { background: #000; font-style: italic; color:#fff; font-weight: 900;}