/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

/* Body and Text */
body { margin-top:0; margin-left:0; background: url('../img/background-image.jpg') no-repeat fixed center; }

h1 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 42px; color: #ffffff; text-align:center;}
h2 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 36px; color: #ffffff; text-align:center; }
h3 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 24px; color: #ffffff; text-align:center;}
h4 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 18px; color: #ffffff; text-align:center;}
p  { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 16px; color: #ffffff; font-style: normal; font-variant:small-caps; text-align:center;}
.bold { font-weight: bold; }

/* Center Box Coing Soon */

.box {
position: absolute;
background-color: rgba(247,178,193,0.7);
width: 600px;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 1px solid #ffffff;
padding: 10px;
}

.social { display: block; position: relative; width: 240px; margin: 0 auto;}
.social img { display: inline-block; width: auto; height: 45px; }

/* Header */
#logo { width: 240px; height: auto; margin: 0 auto; display: block; position: relative;}

  /* Gallery Custome */

  .magnific img { padding-bottom: 4px; }


/* Media viewpoints */

@media only screen and (max-width: 600px) {
  .box {
    width: 90%; float: left; 
  }
}