@charset "utf-8";
/* CSS Document */
/*--Global Styles--*/
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0;}
p{padding:0; margin:0;}
ul, ol{padding:0; margin:0;}
li{list-style:none;}
input{outline:none;}
a, a:hover, a:focus{outline:none; text-decoration:none;}
label{font-weight:normal;}
label, span, a{display:inline-block;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none; padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
[type="checkbox"],[type="radio"]{box-sizing:border-box; padding:0;}
[type="search"]{-webkit-appearance:textfield; outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}
html, body{height:100%;}

body{background:#FFF; font-family: 'Roboto', sans-serif;}
a{-o-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -khtml-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -ms-transition:color 0.2s linear; transition:color 0.2s linear;}
.wrapper{display:table; width:100%; height:100%;}
.contents{display:table-cell; vertical-align:middle; padding-bottom:75px;}
h1.logo{display:inline-block;}
h1.logo a{display:block; padding:25px; font-size:75px; color:#fff;}
hgroup{margin-top:30px;}
h2{color:#6c757d; font-size:36px; margin-bottom:15px; font-weight: 300;}
h3{color:#6c757d;; font-size:24px; font-weight: 300;}
p.intro{width:60%; margin:30px auto 0; font-size:18px; color:#6c757d;;}
.contact{margin-top:30px; font-size:18px; color:#fff;}
footer{padding:15px 0; background:#5E9DA9; position:fixed; left:0; bottom:0; width:100%; z-index:99; color:#fff;}
footer a, footer a:hover {color: #FFF;}
.socialMedia a{color:#999; background:#3e1051; width:45px; height:45px; line-height:45px; border-radius:100%; margin-right:20px; -o-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; -khtml-transition:background-color 0.2s linear; -webkit-transition:background-color 0.2s linear; -ms-transition:background-color 0.2s linear; transition:background-color 0.2s linear;}
.socialMedia a:last-child{margin:0;}
.socialMedia a i{font-size:25px; display:block; line-height:45px;}
.socialMedia a:hover{background:#651a84;}
.socialMedia a:hover i{color:#fff;}

.img-responsive {
  width: 100%;
  height: auto;
}
.img-margin { margin:10px; }

@media(max-width:991px){
	h1.logo a{font-size:45px; padding:20px;}
	p.intro, .contact{font-size:16px;}
	h2{font-size:25px;}
	h3{font-size:20px;}
	hgroup, p.intro, .contact{margin-top:15px;}
	.socialMedia a{margin-right:10px;}
}
@media(max-width:767px){
	.contents{padding-bottom:55px;}
	p.intro{width:90%;}
	footer{padding:10px;}
	.socialMedia a{width:35px; height:35px;}
	.socialMedia a i{line-height:35px; font-size:18px;}
}
@media(max-width:480px){
	.contents{padding-bottom:50px;}
	p.intro{font-size:14px; width:100%; line-height:18px; text-align:justify;}
	 .contact{font-size:14px;}
	.socialMedia a{margin-right:5px; font-size:15px; width:30px; height:30px;}
	.socialMedia a i{line-height:30px;}
}