/************************* 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: 901px) and (max-width:1024px) {
    #header {
     margin: 0 auto;
     text-align: center;
     max-width: 1024px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}
 #container {
     max-width: 901px;
}

    #wishlist, #friends {

 padding-top: 10px;
}

    
    
    }
 @media screen and (min-width: 660px) and (max-width:900px) {
 #header {
     margin: 0 auto;
     text-align: center;
     max-width: 900px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}
 #container {
     max-width: 660px;
}

    #wishlist, #friends {

 padding-top: 10px;
}

 }
 
 
  @media screen and (min-width: 481px) and (max-width:659px) {
  #header {
     margin: 0 auto;
     text-align: center;
     max-width: 659px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}
 #container {
     max-width: 481px;
}

  span.headtitle {
    font-size: 42pt;
}
  span.headtitle2 {
  padding: 1px 0px;
}


#wishlist, #friends {
    width: 100%;
    text-align: center;
    float: none;
    display: block;
 padding-top: 10px
}
  }
 
 
    @media screen and (min-width: 376px) and (max-width:480px) {
    
     #header {
     margin: 0 auto;
     text-align: center;
     max-width: 480px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}

 #container {
     max-width: 376px;
}

  span.headtitle {
    font-size: 42pt;
}
  span.headtitle2 {
  padding: 1px 0px;
}


#wishlist, #friends {
    width: 100%;
    text-align: center;
    float: none;
    display: block;
 padding-top: 10px
}
    }
   @media screen and (min-width: 371px) and (max-width:375px) {
     #header {
     margin: 0 auto;
     text-align: center;
     max-width: 375px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}
 #container {
     max-width: 371px;
}

  span.headtitle {
    font-size: 42pt;
}
  span.headtitle2 {
  padding: 1px 0px;
}


#wishlist, #friends {
    width: 100%;
    text-align: center;
    float: none;
    display: block;
 padding-top: 10px
}
  
   }
   
 @media screen and (min-width: 290px) and (max-width:370px) {
   #header {
     margin: 0 auto;
     text-align: center;
     max-width: 370px;
     width: 100%;
     height: auto;
     padding-top: 20px;

}

 #container {
     max-width: 290px;
}

  span.headtitle {
    font-size: 36pt;
}
  span.headtitle2 {
  padding: 1px 0px;
}


#wishlist, #friends {
    width: 100%;
    text-align: center;
    float: none;
    display: block;
 padding-top: 10px
}
  
 }