/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
 
 /**** RESPONSIVE CODING ****/
 
  @media screen and (min-width: 1024px) and (max-width:1199px) {
  #sitename {
    max-width: 1024px;
    width: 100%;
    float: none;
		 text-align: center;
}

   #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }
	   #container {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}

	   #navigation {
    width: 100%;
    max-width: 1024px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}

		#latestimages {
	max-width: 500px;
	width: 50%;
	}
#latestposts {
	max-width: 500px;
	width: 50%;
}
		
	 #contentwrap {
    max-width: 1024px;
    width: 100%;
	 overflow: hidden;
}
	  #sidebar {
    max-width: 250px;
    width: 100%;
    float: left;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;

}
	  .projectinfo {
    display: block;
    background: #ece8e8;
    max-width: 300px;
    margin-left: 0px;
    padding: 15px;
     margin-top: 0px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    text-align: center;
}
	  img.projectimg {
    max-width:100%;
    width: auto;
    border: 1px solid  #d0d0d0;
     padding: 0px;
  margin: 0% 20%;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

	  .sidebarcontent a:link > img{
    max-width: 100%;
    width: auto;
     padding: 0px;
  margin: 2px 0px;
} 
.afftextlinks li {
  width: 90%;
  margin-bottom: 2px;
}
	  	  #footer {
    width: 100%;
    max-width: 1199px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 950px;
    padding: 5px;
    margin: 0 auto;
}

	  
  }
 
 
    @media screen and (min-width: 901px) and (max-width:1023px) {
			  #sitename {
    max-width: 1024px;
    width: 100%;
    float: none;
		 text-align: center;
}

   #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }
	   #container {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}

	   #navigation {
    width: 100%;
    max-width: 1024px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}

		#latestimages {
	max-width: 500px;
	width: 50%;
	}
#latestposts {
	max-width: 500px;
	width: 50%;
}
		
	 #contentwrap {
    max-width: 1024px;
    width: 100%;
	 overflow: hidden;
}
  #content {
    width:100%;
    margin: 0 auto;
    overflow: hidden;
    float: none;
}
		  #sidebar {
    width: 100%;
    padding: 0px;
    float: none;
    margin: 0 auto;
}
	  #footer {
    width: 100%;
    max-width: 1023px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 850px;
    padding: 5px;
    margin: 0 auto;
}

		
    }
 @media screen and (min-width: 660px) and (max-width:900px) {
	  #sitename {
    max-width: 900px;
    width: 100%;
    float: none;
		 text-align: center;
}

   #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }
	   #container {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}

	   #navigation {
    width: 100%;
    max-width: 900px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}

#latestimages {
	max-width: 900px;
	width: 98%;
	float:none;
	height: auto;
	}
	 .liwrap table {
    text-align: center;
    margin: 0 auto;
}

	 #latestposts {
	max-width: 900px;
	width: 100%;
	height: auto;
	float: none;
}

	 #contentwrap {
    max-width: 900px;
    width: 100%;
	 overflow: hidden;
}
	  #content {
    width:100%;
    margin: 0 auto;
    overflow: visible;
    float: none;
}
	 	 .ptitle {
		 width: 78%;
		 float: left;
		 }
	 	  .featimg img {
    max-width: 635px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
}

	 	  	 	 .postcontent blockquote {
    max-width: 550px;
    margin: 0 auto;
}
.postentry iframe {
  margin: 0 auto;
}
	  #sidebar {
    width: 100%;
    padding: 0px;
    float: none;
    margin: 0 auto;
}
	  #footer {
    width: 100%;
    max-width: 900px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 650px;
    padding: 5px;
    margin: 0 auto;
}

	 
 }
 
 
  @media screen and (min-width: 481px) and (max-width:659px) {
	   #sitename {
    max-width: 660px;
    width: 100%;
    float: none;
		 text-align: center;
}

   #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }
	   #container {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}
	   #navigation {
    width: 100%;
    max-width: 660px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}
		#latestimages {
	max-width: 660px;
	width: 98%;
	float:none;
	height: auto;
	}

	 #latestposts {
	max-width: 660px;
	width: 100%;
	height: auto;
	float: none;
}
	    #contentwrap {
    max-width: 660px;
    width: 100%;
	 overflow: hidden;
}
	  #content {
    width:100%;
    max-width: 660px;
    margin: 0px;
    overflow: visible;
    float: none;
}


	 .ptitle {
		 width: 78%;
		 float: left;
		 margin-top:0px;
		 min-height: 100px;
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 border-radius: 5px;
		 padding: 0px 4px;
		 }

	  	 	 .postcontent blockquote {
    max-width: 440px;
    margin: 0 auto;
}
.postentry iframe {
  margin: 0 auto;
}
	  .featimg img {
    max-width: 635px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
}
	  .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active{
display: block;
}
		 #sidebar {
    width: 100%;
    padding: 0px;
    float: none;
    margin: 0 auto;
}
	   #footer {
    width: 100%;
    max-width: 660px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 500px;
    padding: 5px;
    margin: 0 auto;
}
  }
 
 
    @media screen and (min-width: 376px) and (max-width:480px) {
		 #sitename {
    max-width: 450px;
    width: 100%;
    float: none;
		 text-align: center;
}

span.websitename {
	font-size: 26pt;
	line-height: 28pt;
}

  span.websitename:before {
 font-size: 20pt;
  }
  
 #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }


	  #container {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}
	   #navigation {
    width: 100%;
    max-width: 480px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}
		#latestimages {
	max-width: 480px;
	width: 98%;
	float:none;
	height: auto;
	}

	 #latestposts {
	max-width: 480px;
	width: 100%;
	height: auto;
	float: none;
}
	    #contentwrap {
    max-width: 480px;
    width: 100%;
	 overflow: hidden;
}
			  #content {
    width:100%;
    max-width: 480px;
    margin: 0px;
    overflow: visible;
    float: none;
}
	 
	 	 .postcontent blockquote {
    max-width: 320px;
    margin: 0 auto;
}
.postentry iframe {
  margin: 0 auto;
	max-width: 400px;
}
 #posttitle {
    font-size: 14pt;
		 line-height: 16pt;

}

	 .ptitle {
		 width: 77%;
		 float: left;
		 margin-top:0px;
		 min-height: 100px;
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 border-radius: 5px;
		 padding: 0px 4px;
		 }

	   .featimg img {
    max-width: 455px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
}

	 .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active{
display: block;
}
		 #sidebar {
    width: 100%;
    padding: 0px;
    float: none;
    margin: 0 auto;
}

	    .sidebarcontent {
		 max-width: 430px;
		 width: 100%;
		 float: none;
		 margin: 0 auto;
			margin-bottom: 20px;
		}


	 .sidebarcontent a:link > img{
  margin: 5px 2px;
}

	 .afftextlinks li {
  width: 90%;
  margin-bottom: 2px;
}

	 span.projectlink {
		 padding: 0px;
		 margin: 0 auto;
		}

		 #footer {
    width: 100%;
    max-width: 480px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 450px;
    padding: 5px;
    margin: 0 auto;
}

    }
   @media screen and (min-width: 371px) and (max-width:375px) {
	    #sitename {
    max-width: 375px;
    width: 100%;
    float: none;
		 text-align: center;
}

span.websitename {
	font-size: 24pt;
	line-height: 26pt;
}

  span.websitename:before {
 font-size: 20pt;
  }
  
 #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }


	  #container {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}
	   #navigation {
    width: 100%;
    max-width: 375px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}
	  #latestimages {
	max-width: 375px;
	width: 98%;
	float:none;
	height: auto;
	}

	 #latestposts {
	max-width: 375px;
	width: 100%;
	height: auto;
	float: none;
}
	    #contentwrap {
    max-width: 375px;
    width: 100%;
	 overflow: hidden;
}
	  #content {
    width:100%;
    max-width: 375px;
    float:none;
    margin: 0px;
    overflow: visible;
}
	    .postcontent {
    max-width: 360px;
    width: 100%;
}
	 
	 	 .postcontent blockquote {
    max-width: 300px;
    margin: 0 auto;
}
.postentry iframe {
  margin: 0 auto;
	max-width: 300px;
}
 #posttitle {
    font-size: 14pt;
		 line-height: 16pt;

}

	 .ptitle {
		 width: 77%;
		 float: left;
		 margin-top:0px;
		 min-height: 100px;
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 border-radius: 5px;
		 padding: 0px 4px;
		 }

	   .featimg img {
    max-width: 355px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
}

	 .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active{
display: block;
}

	    #sidebar {
    max-width: 350px;
    width: 100%;
	padding: 0px;
    margin: 0 auto;
}

	    .sidebarcontent {
		 max-width: 350px;
	 }

	 .sidebarcontent a:link > img{
  margin: 5px 2px;
}

	 .afftextlinks li {
  width: 90%;
  margin-bottom: 2px;
}

	 span.projectlink {
		 padding: 0px;
		 margin: 0 auto;
		}

	   #footer {
    width: 100%;
    max-width: 370px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 350px;
    padding: 5px;
    margin: 5px 0px 5px 5px;
}

   }
   
 @media screen and (min-width: 290px) and (max-width:370px) {

	 #sitename {
    max-width: 370px;
    width: 100%;
    float: none;
		 text-align: center;
}

span.websitename {
	font-size: 24pt;
	line-height: 26pt;
}

  span.websitename:before {
 font-size: 20pt;
  }
  
 #header {display:none!important; }

  
#mobileheader {display:block;}
	 
	#mobileheader img
		{
		 display: block;
		 width: 100%;
		 max-width: 100vw;
		 }


	  #container {
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    min-height:100%;
  background: transparent;
}


 #navigation {
    width: 100%;
    max-width: 370px;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    line-height: 10pt;
}
	   a.nav {
    display: inline-block;
}

a:link.nav::before, .navigation a:link::before {
  height: 0px;
}
	  #latestimages {
	max-width: 370px;
	width: 98%;
	float:none;
	height: auto;
	}

	 #latestposts {
	max-width: 370px;
	width: 100%;
	height: auto;
	float: none;
}

 #contentwrap {
    max-width: 370px;
    width: 100%;
	 overflow: hidden;
}
	  #content {
    width:100%;
    max-width: 370px;
    float:none;
    margin: 0px;
    overflow: visible;
}
	 .postcontent {
    max-width: 300px;
    width: 100%;
}
	 
	 	 .postcontent blockquote {
    max-width: 270px;
    margin: 0 auto;
}
.postentry iframe {
  margin: 0px 0px;
	max-width: 300px;
}

	 #posttitle {
    font-size: 14pt;
		 line-height: 16pt;

}

	 .ptitle {
		 width: 77%;
		 float: left;
		 margin-top:0px;
		 min-height: 100px;
		 -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 border-radius: 5px;
		 padding: 0px 4px;
		 }

	 .featimg img {
    max-width: 370px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
}

	 .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active{
display: block;
}
	 #sidebar {
    max-width: 300px;
    width: 100%;
    float: none;
    padding: 0px;
margin: 0 auto;
}
	 .sidebarcontent {
		 max-width: 300px;
	 }

	 .sidebarcontent a:link > img{
  margin: 9px;
}

	 .afftextlinks li {
  width: 90%;
  margin-bottom: 2px;
}

	 span.projectlink {
		 padding: 0px;
		 margin: 0 auto;
		}

	 #footer {
    width: 100%;
    max-width: 370px;
}

.footercontainer {
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    max-width: 350px;
    padding: 5px;
    margin: 5px 0px 5px 5px;
}
  
 }