/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
a, img { outline: none; border:none; color: #000; font-weight: bold;}
img { display: block; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	background-color: #000000;
	color: #FFFFFF;}	
	
p {
	font-size: 1em; 
    line-height: 1.4em; 	
 	}

 /* HomePage */
	 
#wrapper {
	width: 100%;	
    position:absolute;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;}

#wrapper img {
		width: 100%;
		}
		
#content{
	margin: 30px auto;
	width: 100%;
}

		
.contenttop{
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
	content: url(CelsiusTop.jpg);
}
		
.contentbottom{
	margin: 30px auto;
	width: 100%;
	content: url(CelsiusBottom.jpg);
}


#content img {
		width: 100%;
		}

.top image{	
	   content:url(CelsiusTop.jpg);
	}







.bottom {	
	width: 100%;
		height: 250px;

	margin: 0 auto;
	background-size: 100%;
	background-image: url(CelsiusBottom.jpg);
    background-repeat: no-repeat;
	}


/* Media Queries */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	
.contenttop{
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
	content: url(CelsiusTopMobile.jpg);
}
		
.contentbottom{
	margin: 30px auto;
	width: 100%;
	content: url(CelsiusBottomMobile.jpg);
}


}