/**************************************************************************************************
 *
 *  CUSTOM FONTS
 *
 */

  @import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,900&subset=latin,greek');
	@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&subset=greek,latin');

	/*
	blue: #278BB0;
	yellow: #EEB400;
	*/

/* 
 *  END CUSTOM FONTS 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  BASIC GRID SETTINGS
 *
 */

    [class*="column"] {
        padding: 0 1rem;
    }

        .tablet [class*="column"] {
            padding: 0 2rem;
        }

    .row .row {
        margin: 0 -3rem; 
    }

        .tablet .row .row {
            margin: 0 -2rem; 
        }

    .panel {
        width: 90%;
        padding: 0;
    }

        .tablet .panel {
            width: 100%;
        }

/* 
 *  END BASIC GRID SETTINGS
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  GLOBAL CSS 
 *
 */

    * {
        font-style: normal;
    }

    html {
        font-size: 10px;
        min-height: 100%;
    }

    body {
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 1.6rem;
        color: rgb(60, 60, 60);
        min-height: 100%;
        background: url('../img/main-background.jpg') repeat;
    }

    a:link,
    a:visited,
    .text a:link,
    .text a:visited {
        color: rgb(60, 60, 60);
        border: none;
    }

    .text a:hover {
        opacity: 0.8;
    }

    .text .gallery a:hover {
        border-bottom-width: 0;
    }

    h1 {
        font-size: 6rem;
    }

    h2 {
      font-size: 4rem;
    }

    h2.section-title {
    	line-height: 100%;
    	margin: -12rem 0 3rem 0;
    	padding: 1rem 3rem 1rem 3rem;
    	float: left;
      background: url('../img/main-background.jpg') repeat;
      position: relative;
      overflow: hidden;
      font-size: 280%;
    }

    section:hover h2.section-title {
    	padding: 1rem 3rem 1rem 6.5rem;
    	transition: all 0.3s ease 0s;
    }

    h2.section-title:before {
    	position: absolute;
    	bottom: 1rem;
    	left: -6rem;
    	width: 6rem;
    	height: 5rem;
    	content: "";

    }

    section:hover h2.section-title:before {
    	left: 0;
    	transition: all 0.3s ease 0.3s;
    }

    .extra-section h2.section-title {
        background: url('../img/gray-background.jpg') repeat;
    }

    h3 {
        font-size: 2.75rem;
    }

    h4, h5, h6 {
        font-size: 1.75rem;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Didact Gothic', Arial, sans-serif;
    }

    img, object, embed {
      width: auto !important;
    }

    figure.alignleft,
    figure.alignright {
      text-align: center;
    }

      figure.alignleft img,
      figure.alignright img {
        width: 90% !important;
      }

    .dots {
    	height: 0.7rem;
    	width: 100%;
    }

    .yellow-dots {
    	background: url('../img/yellow-dot.png') repeat-x;
    }

.fixed-background {
    position: relative;
    background-attachment: fixed;
    background-position: bottom right;
    background-repeat: repeat;
    background-size: auto;
}

.fixed-background-cover {
    position: relative;
    background-attachment: fixed;
    background-position: bottom right;
    background-repeat: repeat;
    background-size: cover;
}

.absolute-background {
    position: relative;
    background-attachment: fixed;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

blockquote {
	width: 100%;
	color: #087CA5;
}

	blockquote p {
		font-weight: 900;
		width: 100%;
		margin: 0 -10%;
		padding: 0;
	}

.twitter-tweet {
  width: 480px !important;
  margin: 0 auto 20px auto !important;
}

.fb_iframe_widget {
  width: 100% !important;
  text-align: center;
}

iframe {
  text-align: center !important;
  margin: 0 auto !important;
  display: block;
}

/*
 *  END GLOBAL CSS 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  STRUCTURE 
 *
 */

    .wrapper {
    }

    header {
      padding: 2rem 0 4rem 0;
    	transition: height 0.1s ease;
    	height: 0;
    	position: relative;
    }

    header.fixed {
      width: 100%;
      height: 6rem;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9;
      opacity: 0.9;
      background: url('../img/black-background.jpg') repeat;
      transition: height 0.1s ease;
    }

    .yellow-ribbon {
      background: url('../img/blue-background.jpg') repeat;
      position: absolute;
      bottom: -17.3rem;
      left: 0;
      width: 100%;
      height: 5rem;
      border-bottom: 0.3rem solid #CAC4B6;
    }

	    .yellow-ribbon span {
	    		width: 10rem;
	    		height: 6.8rem;
	    		position: absolute;
	    		top: -1.7rem;
	    		z-index: 1;
	    }

    	.ribbon-left {
    		background: url('../img/menu-back-left.png') no-repeat;
    		left: 0;
    	}

     	.ribbon-right {
    		background: url('../img/menu-back-right.png') no-repeat;
    		right: 0;
    	}

    header.fixed .yellow-ribbon {
    	display: none;
    }

    main {
    }

        .content {
        }

	        .content .panel {
	        	max-width: 140rem;
	        }

/*
 *  END STRUCTURE
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  HEADER 
 *
 */

    .logo,
    .fixed .logo {
    	position: relative;
    	text-align: center;
    }
        
    .logo .logo-hover-image {
    	display: none;
    }
    .logo:hover .logo-image {
    	display: none;
    }
    .logo:hover .logo-hover-image {
    	display: inline-block;
    }

    .logo img {
      transition: height 0.2s ease;
      width: 25rem !important;
      z-index: 1;
      position: relative;
    }

    .fixed .logo img { 
    	transition: height 0.3s ease;
    	width: 7rem !important;
    	margin: -2.8rem 0 0 0;
    	text-align: center;
    }

    .logo a:hover {
    	opacity: 1;
    }

        .logo a,
        .logo h1 {
            line-height: 1;
            font-size: 5rem;
            padding: 0;
            margin: 0;
        }

    .main-navigation {
    }

	    .main-navigation li {
	        position: relative;
	        font-size: 2.1rem;
	        font-family: 'Didact Gothic', Arial, sans-serif;
	        padding: 0 0.7rem;
	        line-height: 2.7rem;
	    }

	    .main-navigation li:hover {
	    	background: #EDB400; 
	    }

		    .main-navigation li a:link,
		    .main-navigation li a:visited {
		    	color: white; 
		    }

		    .main-navigation li:hover a {
		    	color: black; 
		    }

	        .main-navigation ul {
	        }

	        .responsiville-menu-enabled .main-navigation ul {
	            background: inherit;
	            border-width: inherit;
	        }

	            .main-navigation ul li {
	                display: block;
	                float: none;
	            }

	                .main-navigation ul a {
	                    padding: 0;
	                    white-space: nowrap;
	                }

	                .responsiville-menu-enabled .main-navigation ul a {
	                    font-size: 2.75rem;
	                    padding: 0.75rem 1rem;
	                }

    .responsiville-menu-close a:link {
        font-size: 8rem;
    }

    .search-column {
      text-align: center;
      z-index: 1;
      position: relative;
    }

    .search-form input {
      background: transparent;
      padding: 5px;
      font-size: 16px;
      line-height: 1;
      border: 0;
      border-radius: 0;
      -webkit-appearance: none;
      overflow: hidden;
      background: url('../img/white-background.jpg') repeat;
      border: 1px solid #ccc;
      max-width: 40rem;
      height: 4rem;
      float: right;
      margin-top: 2rem;
  }

	.fixed .search-form {
		margin-top: -3rem;
    z-index: 1;
	}

  .responsiville-mobimenu {
    position: absolute;
    top: 0;
    right: 0;
  }


/*
 *  END HEADER 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  HOME PAGE
 *
 */

    .home section {
        padding: 3rem 0;
        position: relative;
    }

    .home section.home-main-articles {
        margin-top: 3rem;
        padding-top: 3rem;
    }

    .home section.home-main-articles:before {
        height: 0.7rem;
        width: 100%;
        content: "";
        position: absolute;
        top: -0.35rem;
        left: 0;
        background: url('../img/yellow-dot.png') repeat-x;
    }

    .extra-section {
     	background: url('../img/gray-background.jpg') repeat;
     	background-position: fixed;
    }

     .home-memes h2.section-title:before {
     	background: url('../img/memes-small-icon.png') no-repeat;
     }

     .home-thoughts h2.section-title:before {
     	background: url('../img/thoughts-small-icon.png') no-repeat;
     }
    
     .home-photos h2.section-title:before {
     	background: url('../img/photos-small-icon.png') no-repeat;
     }
    
     .home-coffee h2.section-title:before {
     	background: url('../img/coffee-small-icon.png') no-repeat;
     }
    

/*
 *  HOME PAGE 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  CONTENT 
 *
 */

.home section .panel {
  padding-top: 3rem;
}

.article-contents {
	padding: 1rem 1rem 2rem 1rem;
	background: white;
	margin-bottom: 5rem;
}

	.article-content ol,
    .article-content ul {
    	margin: 5rem 10%;
    }

.thumbnail-container {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25rem;
    overflow: hidden;
    width: 100%;
    position: relative;
  	-webkit-perspective: 800px;
    perspective: 800px;
}

.main-article .thumbnail-container {
	margin-bottom: 3rem;
}

.thumbnail-container:before,
.thumbnail-container:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/logo.png') right 3rem center no-repeat;
  content: "";
  transition: all 0.3s;
  opacity: 0;
}

.home-photos .thumbnail-container:before,
.home-photos .thumbnail-container:after {
  background: url('../img/photos-background.png') center right no-repeat;
}

.home-coffee .thumbnail-container:before,
.home-coffee .thumbnail-container:after {
  background: url('../img/coffee-background.png') center right no-repeat;
}

.home-thoughts .thumbnail-container:before,
.home-thoughts .thumbnail-container:after {
  background: url('../img/thoughts-background.png') center right no-repeat;
}

.home-memes .thumbnail-container:before,
.home-memes .thumbnail-container:after {
  background: url('../img/memes-background.png') center right no-repeat;
}

.thumbnail-container:before {
  z-index: 2;
  background: none;
}

.thumbnail-container:after {
  z-index: 1;
  opacity: 0;
  transform: translateY(48px) rotateX(-90deg);
}

.thumbnail-container:hover:before {
  opacity: 0;
  transform: translateY(-48px) rotateX(90deg);
}

.thumbnail-container:hover:after {
  opacity: 0.95;
  transform: rotateX(0);
}

.main-article .thumbnail-container {
	height: 40rem;
}

.message {
	transition: visibility 0s, opacity 0.2s linear;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 5%;
  	transform: translateY( -50% );
  	z-index: 2;
  	font-weight: 900;
  	width: 45%;
  	color: #278BB0;
}

.back {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	z-index: 1;
	background: url('../img/white-background.jpg') repeat;
}

.thumbnail-container:hover .message {
	opacity: 1;
}

.thumbnail-container:hover .back {
	opacity: 0.8;
}

.main-article .message {
  	font-size: 3rem;
}

.list-article-date {
  	position: absolute;
  	top: 0;
  	left: 0;
  	color: white;
  	z-index: 4;
  	display: block;
  	background: url('../img/blue-background.jpg') repeat;
  	font-size: 1.5rem;
  	padding: 0.8rem;
}

.list-article-date span {
  	display: block;
  	text-align: center;
  	line-height: 120%;
}

.list-article-date span:first-child {
  	font-weight: 900;
}

.main-article .list-article-date {
  	font-size: 2.2rem;
}

.article h2 {
  	font-size: 4.2rem;
  	line-height: 100%;
  	font-weight: bold;
  	padding: 0 0 2rem 0;
  	margin: 0;
}

.main-article.article h2 {
	padding: 1rem 0 2rem 0;
}

.article h3 {
  	font-size: 3.3rem;
  	line-height: 100%;
  	font-weight: bold;
  	padding: 0.8rem 0 2.2rem 0;
  	margin: 0;
}

.article .article-meta {
  background: url('../img/white-background.jpg') repeat;
  margin-top: 3rem;
  padding: 1rem;
  font-size: 90%;
}

  .fb-comments > span,
  .fb-comments iframe {
    width: 100% !important;
  }

  .article-meta h4 {
    font-weight: 900;
    padding-bottom: 0.3rem;
    font-family: 'Didact Gothic', Arial, sans-serif;
    font-size: 2.2rem;
  }

  .article-tags {
    padding-top: 2.5rem;
  }

	.article .article-meta a:link,
	.article .article-meta a:visited {
		color: #777777;
	}
	.article .article-meta a:hover{
		color: #278BB0;
	}

	.article .article-meta div {
		padding: 0.3rem 0;
	}

		.article-meta .article-categories {
			
		}

			.article-meta .article-categories a b {
				color: black;
			}

		.article-meta .article-tags {
			
		}

		.article-meta .article-meta {
			
		}

  .article-shares {
    padding-top: 2.5rem;
  }

    .article-shares h3.sd-title {
      display: none !important;
    }

	.single-image-background {
		margin: 5rem -6%;
    z-index: -1;
	}

		.single-image-background span {
			position: absolute;
			bottom: 3rem;
			right: 3rem;
			color: white;
			font-size: 2.5rem;
			font-weight: 900;
			text-shadow: 1px 1px 1px gray;
			opacity: 0.3;
		}

		.single-image-background:hover span {
			opacity: 1;
		}

		.article-content {
			font-size: 120%;
		}

      .article-content p {
        font-weight: 300;
        margin: 0 5%;
        padding-bottom: 3rem;
      }

      .article-content a:link {
        color: #278BB0;
      }

      .article-content a:visited {
        color: #116F91;
      }

      .article-content a:hover {
        background: #EEB400;
        color: white;
      }

      .article-content h2,
      .article-content h3,
      .article-content h4,
      .article-content h5,
      .article-content h6 {
        margin-left: 5%;
        margin-right: 5%;
      }

      .article-content blockquote {
        margin: 5%;
      }

        .article-content blockquote p {
          margin-left: 0;
          margin-right: 0;
          font-weight: 900;
        }

			/*.article-content p a img,
			.article-content figure {
				margin: 3rem auto;
				min-width: 60%;
			}*/

      .more-link {
        font-size: 2.5rem;
        font-weight: 900;
      }

				figcaption {
					color: #087CA5;
					font-weight: 400;
				}

        .other-articles {
          margin: 0 !important;
          background: url('../img/gray-background.jpg') repeat;
          padding: 5rem 0;
          z-index: 2;
          position: relative;
        }

          .other-articles a:link,
          .other-articles a:visited {
            font-size: 2.8rem;
            font-weight: bold;
            font-family: 'Didact Gothic', Arial, sans-serif;
            padding: 0 3rem;
          }

          .other-articles img {
            width: auto !important;
            max-height: 15rem;
          }

          .other-articles h3 {
            font-size: 3rem;
            padding-bottom: 3rem;
          }

          	.other-articles .previous-post h3 {
          		margin-right: 17rem;
          		text-align: right;
          	}

          	.other-articles .next-post h3 {
          		margin-left: 17rem;
          		text-align: left;
          	}

        .article-date {
          font-weight: 900;
          color: #0A6F95;
        }

        .article-meta {
          background: url('../img/white-background.jpg') repeat;
          z-index: 2;
          position: relative;
          padding: 5rem 3rem;
          margin: 0 !important;
        }

        .related-articles {
          background: url('../img/photos-background.jpg') repeat;
          z-index: 2;
          position: relative;
          padding: 5rem 0;
          margin: 0 !important;
        }

          .related-articles ul {
            margin: 0;
            list-style: none;
          }

  .article-content {
    position: relative;
  }

    .article-content .sticky {
      position: absolute;
      top: 0;
      width: 4rem;
    }

    .article-content .sticky.stick {
      position: fixed;
      top: 7rem;
      z-index: 1;
    }

    .article-content .sticky.dont-stick {
      position: absolute;
      bottom: 0;
    }

    .div.sharedaddy h3.sd-title:before {
      border: none;
    } 

    a.post-navigation-container {
    	display: block;
    	width: 80%;
    	height: 25rem;
    	position: relative;
    	padding: 2% 5% !important;
    }

    a.post-navigation-container:after {
    	content: "";
    	position: absolute;
    	bottom: 0;
    }

    a.previous-post-container {
    	margin-right: 20%;
    }

    a.next-post-container {
    	margin-left: 20%;
    }

    a.previous-post-container:after {
    	right: -10%;
    	width: 8.4rem;
    	height: 12.4rem;
    	background: url('../img/previous-article.png') center right no-repeat;
    }

    a.next-post-container:after {
    	left: -10%;
    	width: 7.6rem;
    	height: 12.4rem;
    	background: url('../img/next-article.png') center left no-repeat;
    }

    a.previous-post-container:hover:after {
    	right: -4rem;
    	transition: all 0.3s ease 0s;
    }

    a.next-post-container:hover:after {
    	left: -4rem;
    	transition: all 0.3s ease 0s;
    }

	    a.post-navigation-container h4 {
        color: white;
        font-family: 'Didact Gothic', Arial, sans-serif;
        font-size: 2.5rem;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 1rem 1rem 0 1rem;
	    }

	    a.post-navigation-container p {
	    	color: white;
	    	font-size: 1.8rem;
	    	padding: 1rem;
	    	background-color: rgba(0, 0, 0, 0.5);
	    }

      .search-query,
      .number-results {
        color: #278BB0;
        font-weight: 900;
      }

/*
 *  END CONTENT 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  PAGINATION 
 *
 */

    .pages {
        width: auto;
        text-align: center;
        clear: both;
        display: none;
    }

        .pages a, 
        .pages a:hover, 
        .pages span {
            display: inline-block;
            padding: 0.2rem 1rem;
            margin: 3rem 0;
            border: none;
        }

        .pages .current {
            font-weight: bold;
        }

/*
 *  END PAGINATION 
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  FOOTER
 *
 */

footer {
    background: url('../img/blue-background.jpg') repeat;
    color: white;
    padding: 3rem 0;
    z-index: 2;
    position: relative;
}

	footer ul {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}

		footer ul li {
		    line-height: 160%;
		}

		footer ul .widget {
		    margin: 0 0 3rem 0;
		}

	footer a:link,
	footer a:visited {
	    color: white;
	}

	footer a:hover {
	    color: black;
	}

	.footer-column-4 {
		position: relative;
	}

	.footer-column-4:after {
    position: absolute;
    bottom: -3rem;
    right: 0;
    width: 24.4rem;
    height: 25.5rem;
    background: url('../img/me-footer.png') bottom center no-repeat;
    transition-delay: 0.3s;
	}
	.footer-column-4:hover:after {
		background: url('../img/me-footer.png') top center no-repeat;
	}

    .fb-like {
      text-align: left;
      padding: 2rem 0 0 0;
    }

    .fb-like:before {
      content: "Μην το πατήσεις: ";
      font-size: 1.3rem;
      line-height: 2.1rem;
    }

		footer h2.widgettitle {
			font-size: 3.5rem;
			font-weight: 900;
			padding: 0 0 2rem 0;
		}

	footer .widget_archive label {
		display: none;
	}

	footer .widget_archive select {
		background: transparent;
		padding: 5px;
		font-size: 16px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
		overflow: hidden;
        background: url('../img/white-background.jpg') repeat;
		border: 1px solid #ccc;
	}

  footer .widget_categories .cat-item {
    width: 50%;
    float: left;
  }

	footer .tagcloud a {
		padding: 0.6rem 0;
		display: inline-block;
	}

.copyright {
    background: url('../img/black-background.jpg') repeat;
    padding: 1.5rem 0;
    color: white;
    z-index: 2;
}

	.copyright a:link,
	.copyright a:visited {
	    color: white;
	}

	.copyright a:hover {
	    color: #0e83af;
	}

	.copyright .license img {
		width: auto !important;
		height: auto !important;
		margin: 0 1rem;
	}

/*
 *  END FOOTER
 *
 **************************************************************************************************/



/**************************************************************************************************
 *
 *  ARCHIVES
 *
 */

    .archive-articles {
        padding-top: 5rem;
    }

      .archive-articles h1 {
          padding-bottom: 3rem;
      }

/*
 *  END ARCHIVES
 *
 **************************************************************************************************/

/**************************************************************************************************
 *
 *  SOCIAL
 *
 */

header .socialicons {
  padding-top: 2rem;
}

header.fixed .socialicons {
	max-width: none;
	padding-top: 0;
	margin-top: -0.8rem;
}

	header .socialicons h2 {
		display: none;
	}

  .socialicons a {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-size: 3.1rem;
    text-align: center;
    line-height: 5rem;
    margin: 0 1rem 1.2rem 1rem;
    color: white;
  }

	header .socialicons a {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 2rem;
    line-height: 3.2rem;
		margin: 0 0.2rem 1.6rem 0;
	}

	header.fixed .socialicons a {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.7rem;
    line-height: 2.6rem;
		margin: 0.5rem 0.4rem 0 0;
	}

		.socialicons a.twitter {
			background: #00aced;
		}

		.socialicons a.facebook {
			background: #3b5998;
		}

		.socialicons a.pinterest {
			background: #cb2027;
		}

		.socialicons a.linkedin {
			background: #007bb5;
		}
		
		.socialicons a.google {
			background: #dd4b39;
		}

		.socialicons a.youtube {
			background: #bb0000;
		}

		.socialicons a.vine {
			background: #00bf8f;
		}

		.socialicons a.tumblr {
			background: #32506d;
		}

		.socialicons a.skype {
			background: #63cdf1;
		}

		.socialicons a.flickr {
			background: #ff0084;
		}

		.socialicons a.instagram {
			background: #125688;
		}

		.socialicons a.foursquare {
			background: #0072b1;
		}

		.socialicons a.px500 {
			background: #222222;
		}

		.socialicons a.rss {
			background: #FF6600 ;
		}

		.socialicons a.email {
			background: #f7cc1e;
		}

/*
 *  END SOCIAL
 *
 **************************************************************************************************/


/**************************************************************************************************
 *
 *  VARIOUS
 *
 */

    .popup {
        box-sizing: content-box;
    }

    .video-wrapper.ratio-16x9,
    .iframe-wrapper.ratio-16x9 {
      padding-bottom: 30% !important;
    }

    .embed-youtube.video-wrapper.ratio-16x9 {
      padding-bottom: 56.25% !important;
    }

/*
 *  END VARIOUS
 *
 **************************************************************************************************/



 /* RESPONSIVE CSS */

/* Mobile */
@media all and ( max-width: 600px ) { 

    h1 {
      font-size: 4rem;
    }

    h2 {
        font-size: 3rem;
    }

    h3 {
        font-size: 2rem;
    }

    header {
      background: url('../img/black-background.jpg') repeat;
      height: auto;
      padding: 1rem;
    }

    header.fixed {
      width: 100%;
      height: auto;
      position: relative;
      top: none;
      left: none;
      opacity: 1;
      background: none;
      transition: none;
    }

    .logo {
      text-align: left;
    }

      .logo img {
        max-width: 8rem !important;
      }

    .search-form input {
      float: none;
      display: inline-block;
      margin-top: 1rem;
      height: 3rem;
    }

  .footer-column-4:after {
    display: none;
  }

  .tab.column-25 {
    height: auto !important;
  }

  footer .widget_categories li.cat-item {
    display: inline;
    float: none;
    padding: 2rem 1rem;
    width: auto;
  }

  header .socialicons {
    display: none;
  }

  .social-column {
    text-align: center;
  }

      .socialicons a {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
        line-height: 3rem;
        margin: 0 0.5rem 0.5rem 0.5rem;
      }

    .yellow-ribbon {
      background: none;
      position: absolute;
      top: 1rem;
      right: 0;
      left: auto;
      width: 100% !important;
      border: none;
    }

        .yellow-ribbon nav {
          padding: 0 !important;
          margin: 0 !important;
          width: 100%;
          height: 100%;
          white-space: normal;
          overflow: scroll;
        }

        .main-navigation {
          float: right;
          margin-right: 2rem;
          background: url('../img/black-background.jpg') repeat;
          opacity: 0.9;
        }

          .main-navigation .menu-item a {
            font-size: 3rem;
            padding: 1.5rem 0;
          }

        .responsiville-mobimenu-open {
          max-height: auto !important;
          text-align: center;
        }

        .responsiville-mobimenu-open ul,
        .responsiville-mobimenu-open li {
          display: inline-block;
        }

        .responsiville-mobimenu-close {
        }

        .responsiville-mobimenu-close a:link,
        .responsiville-mobimenu-close a:visited {
          position: relative !important;
        }

        .yellow-ribbon span {
          height: auto;
          position: absolute;
          right: 0;
          top: -4rem;
          width: auto;
          z-index: 1;
          color: #EEB400;
        }

        .yellow-ribbon span:hover {
          color: red;
        }

      .ribbon-left,
      .ribbon-right {
         display: none;
      }

    .text article {
      height: auto !important;
    }

    .single-image-background {
      margin: 5rem -2rem;
    }

    footer .column-25 {
      height: auto !important;
    }

    .widget_archive select {
      width: 100%;
    }

 .article-content .sticky,
 .article-content .sticky.stick {
    position: relative;
    top: auto !important;
    width: auto;
    text-align: center;
    padding-bottom: 2rem;
  }

  .other-articles h3 {
    margin: 0 !important;
    text-align: center;
    white-space: normal;
    text-align: center !important;
  }

    .other-articles .next-post {
      padding-top: 3rem;
    }

    a.next-post-container,
    a.previous-post-container {
      margin: 0 !important;
    }

    a.post-navigation-container {
      width: 100%;
    }

    a.previous-post-container:after {
      right: 0;
    }

    a.next-post-container:after {
      left: 0;
    }

    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
      width: 50% !important;
      float: left !important;
      margin: 0.5rem 0 !important;
    }

    .article-tags {
      padding-bottom: 2rem;
    }

    .article-content p,
    .article-content h1, 
    .article-content h2, 
    .article-content h3, 
    .article-content h4 { 
      margin-left: 5%;
      margin-right: 5% ;
      width: 90%;
    }

    article h1 { 
      margin-top: 3rem;
    }

    .archive-articles h1 {
      margin-left: 5%;
      margin-right: 5%;
      width: 90%;
    }

    .popup .close {
      top: 3rem;
      right: 3rem;
    }

}

/* Tablet */
@media all and ( min-width: 601px ) and ( max-width: 1023px ) {

  header {
    background: url('../img/black-background.jpg') repeat;
    height: auto;
  }

  header.fixed {
    width: 100%;
    height: auto;
    position: relative;
    top: none;
    left: none;
    opacity: 1;
    background: none;
    transition: none;
  }

  .logo {
    text-align: left;
  }

    .logo img {
      max-width: 15rem !important;
    }

  .search-form input {
    float: none;
    display: inline-block;
    margin-top: 1rem;
    height: 3rem;
  }
  
    .yellow-ribbon {
      background: none;
      position: absolute;
      top: 1rem;
      right: 0;
      left: auto;
      width: 100% !important;
      border: none;
    }

        .yellow-ribbon nav {
          padding: 0 !important;
          margin: 0 !important;
          width: 100%;
          height: 100%;
          white-space: normal;
          overflow: scroll;
        }

        .main-navigation {
          float: right;
          margin-right: 2rem;
          background: url('../img/black-background.jpg') repeat;
          opacity: 0.9;
        }

          .main-navigation .menu-item a {
            font-size: 3rem;
            padding: 1.5rem 0;
          }

        .responsiville-mobimenu-open {
          max-height: auto !important;
          text-align: center;
        }

        .responsiville-mobimenu-open ul,
        .responsiville-mobimenu-open li {
          display: inline-block;
        }

        .responsiville-mobimenu-close {
        }

        .responsiville-mobimenu-close a:link,
        .responsiville-mobimenu-close a:visited {
          position: relative !important;
        }

        .yellow-ribbon span {
          height: auto;
          position: absolute;
          right: 0;
          top: -4rem;
          width: auto;
          z-index: 1;
          color: #EEB400;
        }

        .yellow-ribbon span:hover {
          color: red;
        }

      .ribbon-left,
      .ribbon-right {
         display: none;
      }

    .single-image-background {
      margin: 5rem -2rem;
    }

  .footer-column-4:after {
    display: none;
  }

  .tab.column-25 {
    height: auto !important;
  }

  header .socialicons {
    display: none;
  }

  footer .column-25 {
    height: auto !important;
  }

    .text article {
      height: auto !important;
    }

}

/* Medium screen */
@media all and ( min-width: 1024px ) and ( max-width: 1490px ) {

  header.fixed .socialicons {
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    margin-top: 0;
  }

    header.fixed .socialicons a {
      width: 2.2rem;
      height: 2.2rem;
      font-size: 1.5rem;
      line-height: 2.2rem;
      margin: 0.2rem 0.3rem 0 0;
    }

}


/* Big screen */
@media only screen and ( min-width: 1024px ) {

.yellow-ribbon,
.main-navigation {
  height: 5rem !important;
}

.main-navigation {
  white-space: nowrap;
  padding-left: 5.6rem;
  overflow: hidden;
}

  .main-navigation li {
    float: none;
    display: inline-block;
  }

  .responsiville-mobimenu-burger,
  .responsiville-mobimenu-close {
    display: none !important;
  }

}