@charset "utf-8";
/* CSS Document */

section {margin:15px auto;}
section:first-of-type{margin-top:0;}

html, body { height: 100%;}


body {
	border-top:#957151 solid 15px;
	border-bottom:#957151 solid 15px;
	margin:0;

	background-image: linear-gradient( #fff, #956F52);
	
	/*
	background: url(balloon.jpg) no-repeat center center  ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;	
	*/
	}
	
img{max-width:100%;}


.main {width:100%; float:left; }
.logo img {
	max-width:100%;
	height:auto;
	max-height:150px;
	border-radius:20px;
	}

.sitename h1 { font-size:22px; text-transform:capitalize; }
.sitename h2 { font-size:14px; text-transform:capitalize; font-style:italic; margin:2px auto; }

.text-center {text-align:center; }

.contents {text-align:center; }
.content {max-width:767px; width:100%; border:1px solid #fff; margin:30px auto; display:inline-block; background-color:#DFDEDE; }

.ca {border:1px solid #fff; height:100%; box-shadow:3px 5px #fff; padding:10px 0}

.contacts { padding:20px 0; font-size:12px; box-shadow:8px 10px #957151; display:inline-block }
.contacts .col-md-4 { width:100%;}	
	
.contacts p {text-align:center;}
.contacts h3 {text-align:center; font-size:20px; text-transform:capitalize; }
.contacts i {margin:0 15px; color:#957151 }

.under-construction p {margin:10px auto 0; }


@media only screen and (max-width: 600px) 
	{
	.contacts { display: flex; flex-direction:column; }
	.ca {margin:10px auto; }
	}