@charset "UTF-8";

html {width: 100%; margin:0px; padding:0px;}

body {
	margin: 0;
	padding: 0;
	background-color:#000;
	width: 100%

}

p.text {
	color: #fff;
	text-align:center;
	margin: 4px;
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
}

p.title {
	color: #fff;
	text-align:center;
	margin: -37px 0px 0px 0px;
	font-size: 2em;
	font-family:Arial, Helvetica, sans-serif;
	-moz-text-shadow: 0 0 5px #fff;
-webkit-text-shadow: 0 0 5px #fff;
text-shadow: 0px 0px 5px #fff;
filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
}

.centerMain {
	width: 100%;
	margin:0 auto;
	height:auto;
	padding: 0px;
}

.logo{
	margin:0 auto;
	display:block;
	width: 40%;
}

.imageContainer {
	width: 100%;
	position: relative;
	top: 130px;
}

.contactBtn {
	width: 5.7em;
	height: 1.6em;
	border-radius: .2em;
	color: #000;
	border: 1px solid #fff;
	margin: 0 auto;
	display: block;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
}

footer {
	width: 100%;
	margin:0 auto;
}

#contentFooter {
	width: 100%;
	margin:0 auto;
}

a {
	text-decoration:none;
}

.contactBtn:hover {
	background-color: #fff;
	box-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
	
}

.text:hover {
	color: #666;
}




.container {
    position:relative;
    margin:100px auto 10px;
    text-align:center;
}

.uibutton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
    display:inline-block;
    padding:5px 20px;
    /*border-top:1px solid #fff;*/
    color:#323131;
    border-radius:4px;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    
    text-decoration:none;
    
    background-repeat:no-repeat;
	
    background-image:-webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% ), -webkit-linear-gradient( #2B2B2C, #FDFEFF );
    
    background-image:-moz-linear-gradient(0px 0px , rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0) 50%), linear-gradient( #2B2B2C, #FDFEFF);
	
    background-position:-100px -100px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.uibutton:hover,
.uibutton:focus {
    color:#323232;
    background-position:0 0, 0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;
}

.uibutton:active {
	    top:1px;   
}






/* ----------- iPhone 6 ----------- */

@media only screen 
  and (min-width: 200px) 
  and (max-width: 376px)
 { 


.uibutton {
	font-size: .7em;
}

.imageContainer {
	position: relative;
	top: 50px;
}

p.title {
	font-size: 1.2em;
	margin:-23px 0px 0px 0px;
}

.logo{
	width: 100%;
 }

}

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 600px)
 { 

.uibutton {
	font-size: .7em;
}

.imageContainer {
	position: relative;
	top: 50px;
}

p.title {
	font-size: 1.4em;
	margin:-31px 0px 0px 0px;
}

.logo{
	width: 100%;
 }
 
}
 
 
@media only screen 
  and (min-width: 601px) 
  and (max-width: 1023px)
 { 

p.title {
	font-size: 1.4em;
	margin: -25px 0px 0px 0px;

 }
 
 .logo{
	width: 60%;
 }
 
 


@media only screen 
  and (min-width: 1024px)
  and (max-width: 1200px)
 { 
 
p.title {
	font-size: 1.4em;
	margin:-80px 0px 0px 0px;
}

.logo{
	width: 60%;
 } 

}

@media only screen 
  and (min-width: 1201px)
 { 
 
 p.title {
	font-size: 1.5em;
	margin:-80px 0px 0px 0px;
}

.logo{
	width: 30%;
 } 

 }