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

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

*****************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
/***************************************************************************
*
*        HEADER SECTION
*
****************************************************************************/
section#header .alpha-adventures-heading {
  padding-left:0.1rem;
}

section#header .social-media-icons {
    display:none;
}

section#header button {
  margin-top:0.5rem;
}

section#header .alpha-adventures-heading:hover  {
 transform: scale(1.01);

}
/***************************************************************************
*
*        MAIN-PAGE-IMAGE SECTION
*
****************************************************************************/
section#main-page-image .image-overlay{
  height:27.5rem;
}

section#main-page-image .image-overlay h1 {
  padding-top:10.5rem;
  font-size:3.8rem;
}

/***************************************************************************
*
*        BLOG-ARTICLES SECTION
*
****************************************************************************/
section#blog-articles h2 {
 /* margin-left:-1rem;*/
    /*margin-left:-5rem;*/
	padding-left:3rem;
}
section#blog-articles img {
  height:10rem;
  width:50%;
}

section#blog-articles h1{
  max-width:40%;
}
/***************************************************************************
*
*        FOOTER SECTION
*
****************************************************************************/
section#footer {
   padding-bottom:3.75rem;

}
section#footer .footer-copyright p {
  font-size:0.7rem;
}

section#footer .search-button input {  
  width:7.5rem;
}
/***************************************************************************
*
*        BLOG PAGE
*
****************************************************************************/
section#author-info {
	width:80%;
}
section#author-info .author-bio {
	 margin-left:15%;
	
}

section#blog-header .author-name {
	display:block;
	margin: 0 auto;
	font-size:1rem;
}
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;
}

/***************************************************************************
*
*        SUBSCRIPTION PAGE 
*
****************************************************************************/
section#subscription {
	padding-bottom:7.5rem;
}

section#subscription h1 {
	padding-bottom:2.5rem;
}

section#subscription p{
	padding-bottom:3rem;
}

section#subscription h5 {
	padding-bottom:3rem;
}

section#subscription img {
	width:100%;
	height:20%;
}

.failed-search-search {
  padding-bottom:30rem;
}
}

}