/*****************************************************************************
        FILE NAME: phone_portrait.css
        DEVELOPED BY: Alan Devlin

        This file contains all the css code for phones in portrait mode

*****************************************************************************/
@media (max-width: 575px) {
/***************************************************************************
*
*        HEADER SECTION
*
****************************************************************************/
section#header .alpha-adventures-heading {
  font-size: 0.85rem;
  padding-left:0.1rem; 
}
section#header .alpha-adventures-heading:hover  {
 transform: scale(1.0);

}
section#header li {
  font-size:0.75rem;
}
section#header .social-media-icons {
    display:none;
}


section#header .navbar-collapse li {
  font-size: 0.7rem;
}
section#header .navbar-collapse li:hover{
 transform: scale(1.0);
}
/***************************************************************************
*
*        MAIN-PAGE-IMAGE SECTION
*
****************************************************************************/
section#main-page-image .image-overlay{
  height:17.5rem;
}

section#main-page-image .image-overlay h1 {
  padding-top:7.5rem;
  font-size:1.8rem;
  -webkit-text-stroke: 0.05rem white;
}

/***************************************************************************
*
*        BLOG-ARTICLES SECTION
*
****************************************************************************/
section#blog-articles {
  padding-top:1.25rem;
}
section#blog-articles h2 {
  font-size:1.5rem;
  padding-bottom:0.25rem;
  margin-right:0.5rem;
  margin:0 auto;
  padding-right:5rem;
}
section#blog-articles .more-blog-posts {
  font-size:0.85rem;
  margin-bottom:0.25rem;
  margin-top:0.25rem;
}
/***************************************************************************
*
*        SUBSCRIBE SECTION
*
****************************************************************************/
section#subscribe {
  margin-top:0.8rem;
  padding-bottom:2rem;

}

section#subscribe h2 {
  font-size:0.8rem;
}

section#subscribe .monthly {
 padding-bottom: 1rem;
}

section#subscribe .archives select {
  height:2rem;
  width: 10rem;
}
/***************************************************************************
*
*        FOOTER SECTION
*
****************************************************************************/
section#footer {
   padding-bottom:3.75rem;

}
section#footer .search-button {
  padding-bottom:1rem; 
  padding-top:1rem;
}
/***************************************************************************
*
*        BLOG PAGE 
*
****************************************************************************/
section#blog-image img {
   height:15rem;
  width:25rem;
}
section#blog-header h1{
	margin:0;
}

section#author-info {
	width:80%;
}
section#author-info .author-bio {
	 margin-left:15%;
	
}

section#author-info .author-bio img {
height:5rem;
width:5rem;
}
section#author-info h2 {
	font-size:1rem;
	
}

section#blog-header .author-name {
	display:block;
	margin: 0 auto;
}

section#author-info hr {
	width: 40%;
}
section#previous-next .next {
	visibility:hidden;
}
/***************************************************************************
*
*        INSTAFEED
*
****************************************************************************/
section#previous-next {
	font-size:1rem;
	padding-bottom:1rem;
}

section#all-posts select{
	width:55%;
}

section#instagram-feed h1 {
	padding-top:0.01rem;
	font-size:1.5rem;
}

section#twitter-feed h1{
	font-size:1.5rem;
	padding-bottom:0.5rem;
}
section#popular-posts {
	padding-top:0.5rem;
}
section#popular-posts h1{
	font-size:1.5rem;
}
section#monthly-posts h1{
	font-size:1.5rem;
}

section#all-posts h1{
	font-size:1.5rem;
}
/***************************************************************************
*
*        ARCHIVE PAGE 
*
****************************************************************************/
section#archive-page .archive-title{
	font-size:1.75rem;
}

section#archive-page img {
width: 20rem;
height: 10rem;
}

}