@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

html {
    height: 100%;
}
body {
    background: #fff no-repeat scroll 0 0 / auto 100%;
    margin: 0;
    padding: 0;
 overflow: scroll;
 height: 100%;
background-attachment:fixed;
color: #000;
}

.content img{ width: 50%; 
}
.secu img{ width: 50%; 
}
.content{
		width: 60%;
		margin:  0 auto;
		text-align: center;	
	}
	.ppal{
		width: 100%; 
		padding: 20px;
		clear: both;
		
	}
	.clear{
		clear: both;
		margin-top: 40px;
	}
	.secu{
		width: 50%; 
		padding: 20px 0;
		float:left;
	}
	p{
	    
	    font-family: arial;
	    font-size: 14px;
	  }
	small {
	    
	    font-family: arial;
	    font-size: 10px;
	    text-align: right;
	}
	.fa {
	    color: #fff;
	    font-size: 24px !important;
	    margin: 15px;
	}
	h1 {
	    color: #fff;
	   font-family: 'Pathway Gothic One', sans-serif;
	    font-weight: lighter;
	    letter-spacing: 2px;
	    text-align: right;
	    text-transform: uppercase;
	}
#index8_hype_container{
	overflow-x: hidden !important;
		overflow-y: hidden !important;
		
		/* Firefox */
		margin-left: -moz-calc((-1920px + 100%) / 2);
		margin-top: -moz-calc((-1820px + 105%) / 2);
		/* WebKit */
		margin-left: -webkit-calc((-1920px + 100%) / 2);
		margin-top: -webkit-calc((-1820px + 105%) / 2);
		/* Opera */
		margin-left: -o-calc((-1920px + 100%) / 2);
		margin-top: -o-calc((-1820px + 105%) / 2);
		/* Standard */
		margin-left: calc((-1920px + 100%) / 2);
    margin-top: calc((-1820px + 105%) / 2);
	
		
} 
.intro {
   /* background: rgba(200, 23, 2, 0.6) none repeat scroll 0 0;
    border: 1px solid #00f308; */
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 500px) { 
	
	
	.sidebar img {
	    width: 90% !important;
	}
	.sidebar {
	    margin: 0 auto;
	    position: static;
	   
	    text-align: right;
	    width: 200px !important;
	}
	.clik img { width: 100% !important;
	}
	.clik {
	  
	    height: 200px !important;
	    
	    margin-left: calc(50% - 100px);
	    margin-top: 0;
	    position: static;
	    
	    width: 200px !important;
	}
	.fa {
	    margin: 8px;
	}
	#index8_hype_container {
	    margin-top: -180px;
		}
	
		 }