/*
Theme Name: SwitchedToLinux
Theme URI: http://www.westernmtnweb.com
Description: Responsive Bootstrap theme by Western Mountain Web Design
Author: Western Mountain Web Design
Author URI: http://www.westernmtnweb.com
Version: 1.0
Tags: responsive, bootstrap
*/
@font-face {
    font-family: 'allerregular';
    src: url('fonts/aller_rg-webfont.woff2') format('woff2'),
         url('fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('fonts/lobster_1.3-webfont.eot');
    src: url('fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobster_1.3-webfont.woff2') format('woff2'),
        url('fonts/lobster_1.3-webfont.woff') format('woff'),
         url('fonts/lobster_1.3-webfont.ttf') format('truetype'),
        url('fonts/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Genericons';
	src: url('genericons/Genericons.eot');
	src: url('genericons/Genericons.eot?#iefix') format('embedded-opentype'),
	     url('genericons/Genericons.woff') format('woff'),
	     url('genericons/Genericons.ttf') format('truetype'),
	     url('genericons/Genericons.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	padding-bottom: 0;
	background: #efefef;
	color: #555555;
	font-family: 'allerregular',Tahoma, Geneva, sans-serif;
	line-height: 22px;
	letter-spacing: 0.8px;
}
.header-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010001+0,010001+54,0b0a0b+55,0a0909+56,0d0c0a+57,12120f+65,141010+66,14110d+68,161210+68,17150e+71,1a1710+72,1a1810+79,221e15+84,211d12+85,232012+87,252114+97,221d15+98,211d12+100 */
background: #010001; /* Old browsers */
background: -moz-linear-gradient(top, #010001 0%, #010001 54%, #0b0a0b 55%, #0a0909 56%, #0d0c0a 57%, #12120f 65%, #141010 66%, #14110d 68%, #161210 68%, #17150e 71%, #1a1710 72%, #1a1810 79%, #221e15 84%, #211d12 85%, #232012 87%, #252114 97%, #221d15 98%, #211d12 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #010001 0%,#010001 54%,#0b0a0b 55%,#0a0909 56%,#0d0c0a 57%,#12120f 65%,#141010 66%,#14110d 68%,#161210 68%,#17150e 71%,#1a1710 72%,#1a1810 79%,#221e15 84%,#211d12 85%,#232012 87%,#252114 97%,#221d15 98%,#211d12 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #010001 0%,#010001 54%,#0b0a0b 55%,#0a0909 56%,#0d0c0a 57%,#12120f 65%,#141010 66%,#14110d 68%,#161210 68%,#17150e 71%,#1a1710 72%,#1a1810 79%,#221e15 84%,#211d12 85%,#232012 87%,#252114 97%,#221d15 98%,#211d12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010001', endColorstr='#211d12',GradientType=0 ); /* IE6-9 */
height: 150px;
}
.navbar-fixed-top {
	top: 45px;
}
.parallax-home {
	background-color: #000000;
	background-image: url('https://switchedtolinux.com/wp-content/uploads/2016/09/home-para.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
    color:#fff;
    background-size:cover;
	padding-bottom: 20px;
}
.parallax-deskenv {
	background-color: #000000;
	background-image: url('https://switchedtolinux.com/wp-content/uploads/2016/09/OpenSUSE.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
    color:#fff;
    background-size:cover;
	padding-bottom: 20px;
	padding-top: 20px;
}
.parallax-distro {
	background-color: #000000;
	background-image: url('https://switchedtolinux.com/wp-content/uploads/2016/09/parallax-distro.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
    color:#fff;
    background-size:cover;
	padding-bottom: 20px;
	padding-top: 20px;
}
.parallax-software {
	background-color: #000000;
	background-image: url('https://switchedtolinux.com/wp-content/uploads/2016/10/blender.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
    color:#fff;
    background-size:cover;
	padding-bottom: 20px;
	padding-top: 20px;
}
.archive-container {
	padding: 5px;
	background-color: rgba(0,0,0,.4);
	border-radius: 5px;
}
h3.archive-block {
	margin-top: 5px;
}
.fixed-menuf {
	-webkit-animation: fixed-menuf 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menuf 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menuf {
	from {top: 45px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}
@keyframes fixed-menuf {
	from {top: 45px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}

.fixed-menub {
	-webkit-animation: fixed-menub 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menub 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 45px;background:rgba(0,0,0,0);}
}
@keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 45px;background:rgba(0,0,0,0);}
}

.home-yellow {
	color: #f0d514;
	text-shadow: 0px 0px 3px #000000;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
h1, h2, h3, h4, h5, h6, a {
	color: #000;
}
a:hover {
	text-decoration: none;
	text-shadow: 0 0 1px #f0d514;
}
a:focus {
	outline: none !important;
	text-decoration: none;
	text-shadow: 0 0 1px #f0d514;
}
h2 {
	font-size: 20px;
	letter-spacing: 0;
}
h3 {
	font-size: 18px;
}
#header {
	height: auto;
}
.banner {
	border-radius: 10px;
	border: #f0d514 2px solid;
}
.serv-bord {
	border-radius: 10px;
	border: #cc6600 2px solid;
	box-shadow: 2px 2px 10px #111111;
	background-color: #444444;
	padding-top: 20px;
}
.img-round {
	border-radius: 10px;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .brand, .navbar-default .nav > li > a {
	color: #CCCC66;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #f0d514;
	background-color: transparent;
}
.navbar-default .nav .active > a, .navbar-default .nav .active > a:hover, .navbar-default .nav .active > a:focus, .current-page-ancestor > a {
	color: #CCCC66;
	background-color: transparent;
}
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
  color: #f0d514;
}
.navbar .nav {
	margin: 0px;
}
#menu-top li {
	margin-top: 0 !important;
}
.navbar-nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
	font-size: 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #cccc66;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #f0d514 !important;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f0d514;
	background-color: transparent;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.dropdown-menu {
	background: #000000;
	border: 1px solid #f0d514;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .75);
	left: auto;
	right: 0;
}
.dropdown-menu > li > a {
	color: #CCCC66;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #f0d514;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
	background: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}
#navbar.in ul.nav {
	border: #f0d514 1px solid;
	background: #000000;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .75);
	/*position: relative;*/
	/*top: 6px;*/
}
.form-control:focus {
	border-color: #f0d514;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(240, 213, 20, 0.6);
}
#site-logo {
	float: left;
	position: absolute;
	top: -2px;
}
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.img-border, .size-thumbnail, .attachment-post-thumbnail, .attachment-desktop-environment, .attachment-distro-thumb, .attachment-software-thumb {
    border: 1px solid #f0d514;
    border-radius: 10px;
}
img.size-full {
	border: 1px solid #f0d514;
    border-radius: 10px;
}
.front-title {
	height: 30px;
}
.btn-lg, .btn-group-lg > .btn {
	padding: 5px 14px;
}
.btn-default {
    border-color: #000;
    color: #000;
	background-color: #f0d514;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #000 !important;
  border-color: #333;
  background-color: #fadc02;
}
.btn-default a:hover {
	color: #000;
}
.front-page-button {
	margin-top: 10px;
}
.panel {
	box-shadow: none;
}
.panel-group {
	margin-left: 40px;
	/*border-radius: 10px;
	border: #cc6600 1px solid;
	box-shadow: 2px 2px 10px #111111;
	background: #444444;*/
}
.panel-group .panel {
	/*border-radius: 10px;*/
}
.panel-default {
	border: none;
}
.panel-heading, .panel-default > .panel-heading, .panel {
	background-color: #efefef;
	border-radius: 10px;
}
.panel-collapse {
	background-color: #444444;
	border-radius: 10px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: #f0d514 1px solid;
}
.nav-tabs {
	border-color: #000000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #f0d514;
	color: #000000;
	border-color:#000 #000 transparent;
}
.nav-tabs > li > a:hover {
	border-color: #000;
	color: #000;
	background: #f0d514;
}
.vb-tabs {
	padding-bottom: 20px;
}
hr {
	border-top: 1px solid #f0d514;
}
hr.no-margin {
	margin: 0;
}
.home-content {
	background: #e1e1e1;
	margin-bottom: 0px;
}
.vcenter {
   margin-top: 70px;
}
.embed-responsive {
    border: 1px solid #f0d514;
    border-radius: 10px;
}
ul {
	list-style-type: none;
}
ul li {
}
.header-row {
	background: #333333;
}
.toTopNav {
    background-color: #980100;
    color: #FFFFFF;
    font-size: 2em;
    max-height: 2em;
    opacity: 0.6;
    padding-top: 0.25em;
    text-align: center;
    width: 1.5em;
    height: 1.3em;
    position: fixed;
    list-style: none;
    right: 3%;
    top: 80%;
    border-radius: 3px;
    color: #FFF;
    box-shadow: 3px 3px 10px #888888;
    z-index: 100;
    display: none;
}
.archive {
	margin-top: 20px;
}
.archive-block a {
	color: #f0d514;
	text-shadow: 0px 0px 1px #000000;
}
.archive-block a:hover {
	text-shadow: 0px 0px 2px #000000;
}
.archive-text {
	text-shadow: 0px 0px 1px #000000;
	height: 100px;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
	color: #f90;
}
.top-hr {
	margin: 0;
}
.top-padding {
	margin-top: 20px;
}
.home-bottom {
	padding-bottom: 20px;
}
.twocol-page {
	padding-left: 0;
}
.rc-anchor-normal-footer {
	display: none;
}
/*.wpcf7-form input, .wpcf7-form button, .wpcf7-form select, .wpcf7-form textarea, #searchform input {
	background: #222;
	border-radius: 5px;
	border: #ff9900 1px solid;
	box-shadow: 2px 2px 10px #111111;
	color: #ffffff;
	padding: 2px;
	padding-left: 5px;
	width: 315px;
}
#searchform input {
	width: 250px;
}
.wpcf7-form select {      
      -webkit-appearance: none;           
      -moz-appearance: none;             
      background: url('dropdown_arrow.png') no-repeat #222222;
      background-position: 295px 10px;           
      width: 315px;               
      text-indent: 0.01px;         
      text-overflow: "";             
}
.wpcf7-form input:focus, .wpcf7-form button:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {
	box-shadow: 0px 0px 8px #ff9900, 2px 2px 10px #111111;
	outline: none;
}
.wpcf7-form textarea {
	resize: none;
}
.wpcf7-form input[type=submit] {
	color: #ff9900;
    margin-left: 20px;
    margin-top: 55px;
    width: 100px;
}
#searchform input[type=submit] {
	color: #ff9900;
	width: 75px;
}
.wpcf7-form input[type=checkbox] {
	width: 20px;
}
.contact-services {
	border: 1px solid #ff9900;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #111111;
    padding: 5px;
    width: 315px;
	background: #222222;
	margin-bottom: 20px;
}
span.wpcf7-list-item {
	display: block;
}*/
a#totop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    outline: none;
	font-size: 20px;
}
a#totop {
	color: #f0d514;
}
a#totop:hover {
	color: #CCCC66;
}
.ref-bullet {
	margin-left: -15px;
}
.ref-bullet li {
    display: block;
}
.ref-bullet li:before
{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-left: -17px;
    color: #f0d514;
}
.ref-bullet li a:hover {
	color: #CCCC66;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.footer-hr {
	border: 1px solid #f0d514;
	margin-top: 0;
}
.footer {
	background-color: #000000;
	margin-top: -20px;
	color: #ffffff;
	font-size: 12px;
}
.footer h3 {
	color: #f0d514;
	font-size: 18px;
}
.footer a {
	color: #dddddd;
	text-decoration: underline;
}
.footer a:hover {
	color: #CCCC66;
}
.footer .footer-link {
	text-decoration: none;
	font-size: 18px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
  top: 5%;
  /*background-color: rgba(0,0,0,0.5);*/
  border-radius: 5px;
  right: 25%;
  left: 25%;
  overflow: hidden;
  border: none;
  height: 100%;
}
.carousel-caption h1 {
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
	font-size: 50px;
	 -webkit-animation: h1fadein 1.5s; /* Safari and Chrome */
    -moz-animation: h1fadein 1.5s; /* Firefox */
    -ms-animation: h1fadein 1.5s; /* Internet Explorer */
    -o-animation: h1fadein 1.5s; /* Opera */
    animation: h1fadein 1.5s;
    position: relative;
}
.carousel-caption .small-text {
	color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 35px;
    margin-top: 5px;
    text-shadow: 0 0 1px #000;
    -webkit-animation: fadein 3.5s; /* Safari and Chrome */
    -moz-animation: fadein 3.5s; /* Firefox */
    -ms-animation: fadein 3.5s; /* Internet Explorer */
    -o-animation: fadein 3.5s; /* Opera */
    animation: fadein 3.5s;
}
.banner-button {
	-webkit-animation: mymove 2s; /* Chrome, Safari */
	-moz-animation: mymove 2s; /* Firefox */
    -ms-animation: mymove 2s; /* Internet Explorer */
    -o-animation: mymove 2s; /* Opera */ 
    animation: mymove 2s;
    position: relative;
	margin-top: 40%;
}
.carousel-control {
	width: 10%;
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 25px;
    height: 30px;
    margin-top: -15px;
    width: 30px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-menu-right {
	right: 50%;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
	display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-menu-left {
	left: 50%;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	background-color:#555;
	background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  /*min-height: 400px;*/
}
.carousel-indicators li {
	background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}
.carousel-indicators .active {
	 background-color: #f0d514;
    height: 12px;
    margin: 0;
    width: 12px;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes h1fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	0%   {top: 20px;}
    100%  {top: 0px;}
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Firefox */
@-moz-keyframes h1fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	0%   {top: 20px;}
    100%  {top: 0px;}
}


/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes h1fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	0%   {top: 20px;}
    100%  {top: 0px;}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

@-ms-keyframes h1fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	0%   {top: 20px;}
    100%  {top: 0px;}
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

@-o-keyframes h1fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	0%   {top: 20px;}
    100%  {top: 0px;}
}​

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0%   {top: 200px;}
    100%  {top: 0px;}
}
@-webkit-keyframes h1mymove {
    0%   {top: 20px;}
    100%  {top: 0px;}
}

/* Firefox */
@-moz-keyframes mymove {
    0%   {top: 200px;}
    100%  {top: 0px;}
}
@-moz-keyframes h1mymove {
    0%   {top: 20px;}
    100%  {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {top: 200px;}
    100%  {top: 0px;}
}
@keyframes h1mymove {
    0%   {top: 20px;}
    100%  {top: 0px;}
}

/* Standard syntax */
@-o-keyframes mymove {
    0%   {top: 200px;}
    100%  {top: 0px;}
}
@-o-keyframes h1mymove {
    0%   {top: 20px;}
    100%  {top: 0px;}
}

/* Standard syntax */
@-ms-keyframes mymove {
   0%   {top: 200px;}
    100%  {top: 0px;}
}
@-ms-keyframes h1mymove {
   0%   {top: 20px;}
    100%  {top: 0px;}
}


/*Footer Styles*/
.footer-left {
	
}
.footer-center {
	text-align: center;
}
.footer-right {
	
}
ul#menu-footer {
	margin-top:10px;
	padding-left: 0;
}
ul#menu-footer li {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
}
ul#menu-footer li a {
	text-decoration: none;
}
/*END FOOTER STYLES*/

/*BLOG STYLES*/
.blog-title {
	font-size: 25px;
	color: #000000;
}
.blog-post-title {
	font-size: 20px;
}
.blog-post-date {
	font-size: 12px;
}
.blog-sidebar-title {
	color: #000000;
}
.post-box {
	border-bottom: 1px solid #f0d514;
	padding-bottom: 20px;
}
/*END BLOG STYLES*/

/* iPad Portrait */
@media (min-width: 768px) and (max-width: 970px) {
body {
	  padding-top: 0;
 }
#site-logo {
	  width: 200px;
	  top: -45px;
}
.testimonial {
		font-size: 12px;
		height: 75px;
}
.testimonial-box {
		margin-bottom: 15px;
}
#totop {
    right: 10px;
}
.footer-left {
	text-align: center;
}
.footer-center {
	text-align: center;
}
.footer-right {
	text-align: center;
}
ul#menu-footer {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
.carousel .item {
  /*height: 300px;*/
}
.banner-button {
	margin-top: 95%;
}
}
/*iPad Landscape*/
@media (min-width: 971px) and (max-width: 1200px) {
body {
	font-size: 12px;
}
.testimonial {
		font-size: 12px;
		height: 145px;
}
#totop {
    right: 10px;
}
.recipe-title {
    font-size: 16px;
}
.footer-right {
	text-align: center;
}
ul#menu-footer {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 315px;
}
.carousel-caption h1 {
	font-size: 50px;
}

.banner-button {
	margin-top: 50%;
}
}
@media (max-width: 767px) {
	body {
	  padding-top: 0;
  }
  #site-logo {
	  width: 200px;
	  top: -45px;
}
}
@media (max-width: 1200px) {
	body {
	  padding-top: 0;
  }
  #site-logo {
}
}
@media (max-width: 767px) {
body {
	  padding-top: 0;
	  padding-left: 0;
	  padding-right: 0;
  }
#site-logo {
	  width: 200px;
	  top: -45px;
	  left: 10px;
}
.testimonial-box {
	margin-bottom: 15px;
}
.testimonial {
	height: auto;
}
.panel-group {
	margin-left: 10px;
}
#totop {
	right: 10px;
}
.wpcf7-form input, .wpcf7-form button, .wpcf7-form select, .wpcf7-form textarea {
	width: 250px;
}
.wpcf7-form select {                 
      width: 250px;         
}
.contact-services {
    width: 250px;
}
.recipe {
	height: auto;
}
.footer-left {
	text-align: center;
}
.footer-center {
	text-align: center;
}
.footer-right {
	text-align: center;
}
ul#menu-footer {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 290px;
}
ul#menu-footer li {
	font-size: 10px;
}
}

@media (max-width: 979px) {
 	body {
	  padding-top: 0;
  }
  .header-gradient {
	  height: 101px;
  }
  #site-logo {
	  width: 316px;
	  top: -2px;
	  left: 0px;
}
.navbar-fixed-top {
	position: fixed;
	/*top: 25px;*/
}
.fixed-menuf {
	-webkit-animation: fixed-menuf 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menuf 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menuf {
	from {top: 25px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}
@keyframes fixed-menuf {
	from {top: 25px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}
.fixed-menub {
	-webkit-animation: fixed-menub 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menub 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 25px;background:rgba(0,0,0,0);}
}
@keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 25px;background:rgba(0,0,0,0);}
}

}

@media (max-width: 480px) {
		body {
	  padding-top: 0;
  }
  .header-gradient {
	  height: 86px;
  }
  #site-logo {
	  width: 270px;
	  top: -2px;
	  left: 0px;
}
.navbar-fixed-top {
	position: fixed;
	top: 25px;
}
.fixed-menuf {
	-webkit-animation: fixed-menuf 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menuf 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menuf {
	from {top: 25px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}
@keyframes fixed-menuf {
	from {top: 25px;background:rgba(0,0,0,0);border-bottom: 1px solid transparent;}
	to {top: 0px;background: rgba(0,0,0,1);border-bottom: 1px solid #f0d514;}
}

.fixed-menub {
	-webkit-animation: fixed-menub 0.5s;
	-webkit-animation-fill-mode:forwards;
    animation: fixed-menub 0.5s ease-in 0s;
	animation-fill-mode:forwards;
}

@-webkit-keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 25px;background:rgba(0,0,0,0);}
}
@keyframes fixed-menub {
	from {top: 0px;background:rgba(0,0,0,1);}
	to {top: 25px;background:rgba(0,0,0,0);}
}

}
  
.carousel-caption h1 {
	font-size: 35px;
}

.banner-button {
	margin-top: 55%;
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
/*HD resolution */
@media (min-width: 1650px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 1800px;
	}
}