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

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

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

}
section#header li {
  font-size:0.75rem;
}

section#header .navbar-collapse li:hover{
 transform: scale(1.0);
}
section#header .social-media-icons {
    display:none;
}

section#header button {
  color:white;
  border:white;
}

section#header .navbar-collapse li {
  font-size: 0.7rem;
}

/***************************************************************************
*
*        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.2rem;
  padding-bottom:0.25rem;
  padding-left:1.2rem;
}
section#blog-articles .more-blog-posts {
  font-size:0.85rem;
  margin-bottom:0.25rem;
  margin-top:0.1rem;
  margin-left:-0.75rem;
}

section#blog-articles img {
  max-width:75%;
}

section#blog-articles h1{
  max-width:50%;
}
/***************************************************************************
*
*        SUBSCRIBE SECTION
*
****************************************************************************/
section#subscribe {
 padding-bottom:2rem;
}
section#subscribe h2 {
  font-size:1rem;
}


/***************************************************************************
*
*        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:20rem;
  width:32rem;
}
section#blog-header h1{
	margin:0;
}

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

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

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

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

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

#instafeed img {
 height:8rem;
 width:8rem;
}
}