/*---
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body {
	margin:0;
	padding:0;
	background-color:#FBF5C8;
	font-family: 'Tahoma', sans-serif;
}
.clear {
	clear:both;
}
.header {
	text-align:center;
	margin-top:2%;
}
.header h1 {
	font-family: 'Orbitron', sans-serif;
	color:#DA7F0A;
	font-size:35px;
}
.content {
	background-color:#34495e;
	height:450px;
	padding:30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	width:35%;
}
.content1 {
	padding:15px;
	margin-top:2%;
}
.content2 {
	padding:15px;
	margin-top:6%;
}
.content1-1 {
	border:7px solid white;
	float:left;
}
.content1-1 img{
	display:block;
}
.content1-2 {
	text-align:center;
	float:left;
	margin-left:1%;
}
.contentinfo1 {
	text-align:center;
	margin: 10% 0 0 15%;
} 
.contentinfo1 a,a:active {
	text-decoration:none;
	color:#CACFD4;
}
.contentinfo1 a:hover {
	color:#e74c3c;
	transition:all 0.5s ease-in-out;
}
.contentinfo1 h1 {
	color:#CACFD4;
	font-size:35px;
	font-family: 'Orbitron', sans-serif;
}
.contentinfo1 p {
	line-height:15px;
	color:#CACFD4;
}
.content2-1 {
	text-align:center;
    width: 27%;
	float:left;
	margin-left:-2%;
}
.contentinfo2 {
	margin:auto;
	text-align:center;
	color:white;
}
.contentinfo2 h2 {
	line-height:15px;
	font-weight:bold;
}
.contentinfo2 p {
	line-height:15px;
}
.content2-2 {
	text-align:center;
    width: 27%;
	float:left;
	margin-left:8%;
}
.content2-3 {
	width: 27%;
	float:left;
	margin-left:8%;
}
.img-info img{
	height:70px;
}
.content2-1 fieldset {
	width:100%;
}
.content2-2 fieldset {
	width:100%;
}
.content2-3 fieldset {
	width:100%;
}
.footer a, a:active {
	color:#945D1B;
	text-decoration:none;
	font-family: 'Tahoma', sans-serif;
}
.footer a:hover {
	color:#00c4ff;
	text-decoration:none;
	transition:all 0.5s ease-in-out;
}
.footer {
	margin-top:3%;
	text-align:center;
	font-weight:100;
}
.footer p {
	color:#945D1B;
	font-size:15px;
	font-family: 'Tahoma', sans-serif;
	line-height:25px;
}

/*---- responsive-design -----*/
@media(max-width:1920px){
	.content1-1 {
	margin-left:7%;
}
	.content1-2 {
    margin-left: 20%;
    width: 40%;
}
	.content2-1{
	margin-left:-1%;
}
	.content2-3 legend {
    margin-left: 27%;
}
}

@media (max-width: 1680px){
	.content1-2 {
    margin-left: 5%;
    width: 45%;
}
	.contentinfo1 {
    margin: 10% 0 0 20%;
}
}

@media (max-width: 1600px){
	.content2-3 legend {
    margin-left: 25%;
}
	.content1-2 {
    margin-left: 1%;
    width: 50%;
}
}

@media (max-width: 1440px){
	.content2-3 legend {
    margin-left: 19%;
}
	.content1-1 {
    margin-left: 2%;
}
	.contentinfo1 {
    margin: -1% 0 0 1%;
}
	.content1-2 {
    margin-left: 13%;
}
}

@media (max-width: 1366px){
	.content2-3 legend {
    margin-left: 19%;
}
	.content1-2 {
	margin-left:11%;
    width: 47%;
}
	.contentinfo1 {
    margin: 17% 0 0 1%;
}
}

@media (max-width: 1280px){
	.content1-2 {
    width: 47%;
}
	.contentinfo1 {
    margin: -1% 0 0 -2%;
}
	.content2-3 legend {
    margin-left: 16%;
}
}

@media (max-width: 1080px){
	.content {
	width:40%;
}
	.content2-3 legend {
	margin-left: 14%;
}
	.content1-2 {
    width: 50%;
	margin-left:7%;
}
	.contentinfo1 {
    margin: -1% 0 0 1%;
}
}

@media (max-width: 1050px){
	.content1-2 {
    width: 52%;
    margin-left: 3%;
}
	.contentinfo1 h1 {
    font-size: 30px;
}
	.contentinfo1 {
    margin: 16% 0 0 10%;
}
}

@media (max-width: 1024px){
	.content {
	width:45%;
}
	.content2-3 {
    margin-left: 8%;
}
	.content2-3 legend {
    margin-left: 16%;
}
}

@media (max-width: 991px){
	.content2-3{
    margin-left: 8%;
}
}

@media (max-width: 900px){
	.content1-2 {
    margin-left: 1%;
}
	.content2-3 legend {
    margin-left: 12%;
}
}

@media (max-width: 800px){
	.content {
    width: 55%;
}
	.content2-3 legend {
    margin-left: 16%;
}
}

@media (max-width: 768px){
	.header {
	margin-top:5%;
}
	.content {
    width: 60%;
    margin-top: 5%;
}
	.footer {
    margin-top: 7%;
}
}

@media (max-width: 736px){
	.content {
	width:70%;
}
	.content2-3 legend {
    margin-left: 20%;
}
}

@media (max-width: 667px){
	.content{
	width:70%;
}
}

@media (max-width: 640px){
	.content {
    width: 65%;
}
	.content2-3 legend {
    margin-left: 14%;
}
}

@media (max-width: 600px){
	.content {
    width: 75%;
}
	.content2-3 legend {
    margin-left: 15%;
}
}

@media (max-width: 480px){
	.header h1 {
	font-size: 32px;
}
	.content{
	height:345px;
}
	.content1-1 {
    margin-left: 0;
}
	.content1-1 img {
    height: 110px;
}
	.contentinfo1 {
	margin: -5% -35% 0 9%;
}
	.contentinfo1 h1 {
    font-size: 30px;
}
	.content2-1 {
    margin-left: -4%;
}
	.content2-2 {
    margin-left: 9%;
}
	.content2-3 {
    margin-left: 9%;
}
	.content2-1  img{
	height:50px;
}
	.content2-2  img{
	height:50px;
}
	.content2-3  img{
	height:50px;
}
	.content2-3 legend {
    margin-left: 19%;
}
	.contentinfo2 h2 {
    line-height: 10px;
    font-size: 19px;
}
	.contentinfo2 p {
    line-height: 10px;
    font-size: 14px;
}
}

@media (max-width: 414px){
	.header {
	margin-top:8%;
}
	.content {
    height: 390px;
	width:70%;
	margin-top:7%;
}
	.content1-1 {
    margin-left: -7%;
}
	.content1-1 img {
    height: 120px;
}
	.contentinfo1 h1 {
    font-size: 23px;
}
	.contentinfo1 {
    margin: 22% -46% 0 0%;
}
	.contentinfo1 p {
    line-height: 0px;
    font-size: 15px;
}
	.content2 {
    padding: 0px;
    margin-top: 22%;
}
	.content2-1 {
    margin-left: -5%;
}
	.content2-2 {
    margin-left: 10%;
}
	.content2-3 {
    margin-left: 10%;
}
	.content2-1 img {
    height: 55px;
}
	.content2-2 img {
    height: 55px;
}
	.content2-3 img {
    height: 55px;
}
	.content2-3 legend {
    margin-left: 13%;
}
	.footer {
	margin-top:7%;
}
	.footer p {
	font-size:16px;
}
}

@media (max-width: 384px){
	.header h1 {
    font-size: 29px;
}
	.content {
    height: 345px;
    width: 75%;
}
	.content2 {
    padding: 0px;
    margin-top: 10%;
}
	.footer p {
    font-size: 15px;
}
}

@media (max-width: 375px){
	.header {
    margin-top: 7%;
}
	.content {
	width:75%;
	margin-top:7%;
}
	.header h1 {
    font-size: 30px;
}
	.content1-1 {
    margin-left: -8%;
}
	.content1-2 {
    margin-left: -5%;
}
	.contentinfo1 h1 {
    font-size: 22px;
}
	.contentinfo1 p {
    line-height: 0px;
	font-size: 14px;
}
	.contentinfo1 {
    margin: 20% -50% 0 8%;
}
	.content2 {
    padding: 0px;
    margin-top: 16%;
}
	.content2-1 {
    margin-left: -5%;
}
	.content2-2 {
    margin-left: 10%;
}
	.content2-3 {
    margin-left: 10%;
}
	.content2-3 legend {
    margin-left: 11%;
}
	.contentinfo2 h2 {
    line-height: 8px;
    font-size: 20px;
}
	.contentinfo2 p {
    line-height: 10px;
    font-size: 13px;
}
	.footer {
    margin-top: 7%;
}
}

@media (max-width: 320px){
	.header {
    margin-top: 8%;
}
	.header h1 {
    font-size: 23px;
}
	.content {
	padding:33px;
	height:285px;
	width:75%;
	margin-top:6%;
}
	.content1 {
    padding: 0px;
    margin-top: 1%;
}
	.content2 {
	padding:0;
	margin-top:21%;
}
	.content1-1 img {
    height: 95px;
}
	.contentinfo1 {
    margin: 1% -30% 0 9%;
}
	.contentinfo1 h1 {
    font-size: 20px;
}
	.contentinfo1 p {
    line-height: 0px;
	font-size:12px;
}
	.contentinfo2 h2 {
    line-height: 5px;
    font-size: 18px;
}
	.contentinfo2 p {
    line-height: 7px;
	font-size:12px;
}
	.content2-1 {
    margin-left: -8%;
}
	.content2-2 {
    margin-left: 11%;
}
	.content2-3 {
    margin-left: 11%;
}
	.content2-1 img{
	height:40px;
}
	.content2-2 img {
	height:40px;
}
	.content2-3 img {
	height:40px;
}
	.content2-3 legend {
    margin-left: 15%;
}
	.footer p {
	line-height:20px;
}
}