/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
	body {
   
	}
	/* Default link styling */
	a:link { color:#0271fb; }
	a:visited { color:#bd02fb; }
	a:hover, a:focus { color:#000; }
	a:active { color:#fb0e02; }
	
	
	
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
	body {
   
	}

.wrap { /*margin-left:40%; margin-right:40%;*/ }


    .cs {
		background-image:url('http://www.creativenirvana.com/img/cs.png');
		background-repeat: repeat-y; /* for vertical repeat */
		background-repeat: repeat-x; /* for horizontal repeat */
	    background-size:100%;
        margin: 0 auto;
    }

    .info {
        margin: 0 auto;  
        text-align:center;
    }

@media screen and (min-width : 320px) and (max-width : 568px) {
	.cs {
        width: 341.33px;
        max-width:341.33px;
    	height: 150px;
        max-height:150px;
    }
    .info {
        margin: 0 auto;        
        width: 341.33px;
        max-width:341.33px;
    }
    #sasad1 { 
        width: 364px; 
        max-width:364px; 
        height:45px; 
        max-height:45px;
    }
}

@media all and (min-width : 569px) and (max-width : 1023px) {
	.cs {
        width: 512px;
        max-width:512px;
        height: 225px;
	    max-height:225px;
	}
    .info {
        margin: 0 auto;        
        width: 512px;
        max-width:512px;
    }
    #sasad1 { 
        width: 728px; 
        max-width:728px; 
        height:90px; 
        max-height:90px;
    }
}

@media all and (min-width : 1024px) and (max-width : 2048px) {
	.cs {
        width: 512px;
        max-width:512px;
        height: 225px;
        max-height:225px;
    }
    .info {
        margin: 0 auto;        
        width: 512px;
        max-width:512px;
    }
    #sasad1 { 
        width: 728px; 
        max-width:728px; 
        height:90px; 
        max-height:90px;
    }
}

@media all and (min-width : 2049px) and (max-width : 3072px) {
    .cs {
        width: 512px;
        max-width:512px;
        height: 225px;
        max-height:225px;
    }
    .info {
        margin: 0 auto;        
        width: 512px;
        max-width:512px;
    }
    #sasad1 { 
        width: 728px; 
        max-width:728px; 
        height:90px; 
        max-height:90px;
    }
}



/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}