/************************* 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) {
	  #sidebar {
    max-width: 270px;
    width: 100%;
    float: left;
    margin-bottom: 50px;
    padding: 0px;
    min-height: 100%;
}

	  img.projectimg {
    max-width: 240px;
    width: auto;
    padding: 0px;
    margin: 5px;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
	  .afftextlinks li {
  font-size: 8pt;
  display: block;
  width: 100%;
  margin: 3px;
}

	  
  }


 @media screen and (min-width: 660px) and (max-width:1023px) {
	  span.sname {
    text-transform: uppercase;
    font-size: 35pt;
    font-weight: 700;
    line-height: 5pt;
    color: #429aad;
    letter-spacing: 9px;
}

 a:link.nav, a:visited.nav, a:active.nav {display: inline-block;}
#welcomemessage, #latestimages {
    background: transparent;
    width: 100%;
}
	   #container {
    max-width: 1023px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

   #contentwrap {
     max-width: 1023px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position:relative;
    overflow: hidden;
}

	  #content {

    float: none;
		  margin: 0 auto;
}

	 .posttitle {
line-height: 18pt;
}

	  featimg img {
    width: 100%;
    max-width:100vw;
    height: auto;
}

.postcontent blockquote {
    max-width: 600px;
    width: 100%;

}

	  .postcontent iframe {
    max-width: 600px!important;
		 margin: 0 auto;
}

	   #sidebar {
    max-width: 430px;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;
		   margin: 0 auto;
}

	 	  .footercontainer {
    width: 100%;
    max-width: 550px;
}


	 
 }
 
 
  @media screen and (min-width: 481px) and (max-width:659px) {
	   #header {display:none!important; }

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

#mobilespinnercon {
        width: 100%;
        max-width: 241px;
        height: 241px;
        margin: 0 auto;
        position: relative;
        margin-top: -70px;
}
span.sname {
    text-transform: uppercase;
    font-size: 21pt;
    font-weight: 700;
    line-height: 8pt;
    color: #429aad;
    letter-spacing: 9px;
}
	 
	 a:link.nav, a:visited.nav, a:active.nav {display: inline-block;}
#welcomemessage, #latestimages {
    background: transparent;
    width: 100%;
}

	 #latestimages td {
 display: inline-block!important;
}

	  #container {
    max-width: 659px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

   #contentwrap {
    max-width: 659px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position:relative;
    overflow: hidden;
}

	  	  #content {

    float: none;
}

	 .posttitle {
line-height: 18pt;
}
	 
	 featimg img {
    width: 100%;
    max-width:100vw;
    height: auto;
}

.postcontent blockquote {
    max-width: 440px;
    width: 100%;
}

	  .postcontent iframe {
    max-width: 450px!important;
		 margin: 0 auto;
}

	     #sidebar {
    max-width: 430px;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;
			 margin: 0 auto;
}

 .footercontainer {
    width: 100%;
    max-width: 400px;
}
	  

	  
  }
 
 
    @media screen and (min-width: 376px) and (max-width:480px) {

		 #header {display:none!important; }

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

#mobilespinnercon {
        width: 100%;
        max-width: 241px;
        height: 241px;
        margin: 0 auto;
        position: relative;
        margin-top: -70px;
}

	   
  span.sname {
    text-transform: uppercase;
    font-size: 15pt;
    font-weight: 700;
    line-height: 5pt;
    color: #429aad;
    letter-spacing: 9px;
}
	 
	 a:link.nav, a:visited.nav, a:active.nav {display: inline-block;}
#welcomemessage, #latestimages {
    background: transparent;
    width: 100%;
}

 #latestimages img {
      width: 100%;
      min-height: auto;
      max-height: auto;
      height: auto;
}
	 #latestimages td {
 display: inline-block!important;
}

	 

  #container {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

   #contentwrap {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position:relative;
    overflow: hidden;
}

	  #content {

    float: none;
}

	 .posttitle {
line-height: 18pt;
}
	 
	 featimg img {
    width: 100%;
    max-width:100vw;
    height: auto;
}

.postcontent blockquote {
    max-width: 330px;
    width: 100%;
}

	  .postcontent iframe {
    max-width: 290px;
    height: auto;
		 margin: 0 auto;
}


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

	   #sidebar {
    max-width: 480px;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;
}

	 img.projectimg {
    max-width: 100vw;
    width: 100%;
    padding: 0px;
    margin: 5px;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

	  .footercontainer {
    width: 100%;
    max-width: 325px;
}
	 
    }
   @media screen and (min-width: 371px) and (max-width:375px) {
	    #header {display:none!important; }

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

#mobilespinnercon {
        width: 100%;
        max-width: 241px;
        height: 241px;
        margin: 0 auto;
        position: relative;
        margin-top: -70px;
}

	   
  span.sname {
    text-transform: uppercase;
    font-size: 15pt;
    font-weight: 700;
    line-height: 5pt;
    color: #429aad;
    letter-spacing: 9px;
}
	 
	 a:link.nav, a:visited.nav, a:active.nav {display: inline-block;}
#welcomemessage, #latestimages {
    background: transparent;
    width: 100%;
}

 #latestimages img {
      min-width: 14vw;
      max-width: 14vw;
      width: 100%;
      min-height: auto;
      max-height: auto;
      height: auto;
}
	 #latestimages td {
 display: inline-block!important;
}

	 

  #container {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

   #contentwrap {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position:relative;
    overflow: hidden;
}

	  #content {

    float: none;
}

	 .posttitle {
line-height: 18pt;
}
	 
	 featimg img {
    width: 100%;
    max-width:100vw;
    height: auto;
}

.postcontent blockquote {
    max-width: 310px;
    width: 100%;

}

	  .postcontent iframe {
    max-width: 290px;
    height: auto;
		 margin: 0 auto;
}


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

	   #sidebar {
    max-width: 375px;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;
}

	 img.projectimg {
    max-width: 100vw;
    width: 100%;
    padding: 0px;
    margin: 5px;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

	  .footercontainer {
    width: 100%;
    max-width: 300px;
}
   }
   
 @media screen and (min-width: 290px) and (max-width:370px) {
  #header {display:none!important; }

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

	 #mobilespinnercon {
        width: 100%;
        max-width: 241px;
        height: 241px;
        margin: 0 auto;
        position: relative;
        margin-top: -50px;
}

  span.sname {
    text-transform: uppercase;
    font-size: 15pt;
    font-weight: 700;
    line-height: 5pt;
    color: #429aad;
    letter-spacing: 9px;
}
	 
	 a:link.nav, a:visited.nav, a:active.nav {display: inline-block;}
#welcomemessage, #latestimages {
    background: transparent;
    width: 100%;
}

 #latestimages img {
      min-width: 14vw;
      max-width: 14vw;
      width: 100%;
      min-height: auto;
      max-height: auto;
      height: auto;
}
	 #latestimages td {
 display: inline-block!important;
}

	 

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

   #contentwrap {
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    display: inline-block;
    position:relative;
    overflow: hidden;
}

	  #content {

    float: none;
}

	 .posttitle {
line-height: 18pt;
}
	 
	 featimg img {
    width: 100%;
    max-width:100vw;
    height: auto;
}

.postcontent blockquote {
    max-width: 275px;
    width: 100%;

}

	  .postcontent iframe {
    max-width: 290px;
    height: auto;
		 margin: 0 auto;
}


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

	   #sidebar {
    max-width: 370px;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 0px;
    min-height:100%;
}

	 img.projectimg {
    max-width: 100vw;
    width: 100%;
    padding: 0px;
    margin: 5px;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

	  .footercontainer {
    width: 100%;
    max-width: 280px;
}
	 

 }