/*
Theme Name: Bruce & Simpson
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk;
Description: Another custom theme for a happy customer!
Version: 1.1
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* ///// BASE ///// */
/* ///// BASE ///// */
/* ///// BASE ///// */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #272d43;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    transition: all 0.4s ease;
    /*outline: 1px solid red !important;*/
}


/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */

nav{
  background-color: #272d43;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.main-nav{
    align-self: center;
    justify-self: end;
}

.main-nav a{
    color: #fff;
    font-weight: normal;
    padding: 0 5px;
}

.main-nav a:hover{
    font-weight: bolder;
}

.main-nav a:visited{
    color: #fff;
}

.main-nav a:hover{
    color: #bf8b28;
}

.main-nav li{
  display: inline;
  margin: 0;
}

.main-nav ul{
  list-style-position: inside;
}

.bas-menu{
  border-bottom: 1px solid #bf8b28;
  display: grid;
  padding: 15px 50px;
  grid-template-columns: 15% 1fr 70%;
}

.bas-menu ul{
  padding: 10px 0 0 0;
}

.bas-menu ul li::before{
  content: '';
  display: none;
  margin-left: 0;
  width: 0;
}

.bas-menu img{
  max-width: 110px !important;
}

.bas-menu button{
  font-size: 1em;
	font-weight:bold;
  margin: 0 !important;
	border: solid 1px #fff;
}

a.button-link{
  align-self: center;
  justify-self: end;
}

.side-nav {
  color: #fff;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background-color: #272d43;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 60px 0 0 0;
  list-style-type: none;
}

.side-nav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
  line-height: 0.8em;
}

.side-nav li{
  margin-bottom: 2em;
}

.side-nav a:hover {
  color: #bf8b28;
  font-weight: bolder;
}

.side-nav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.nav-btn{
    color: #000;
    display: none;
    font-size: 1.5em;
    justify-self: end;
    cursor: pointer;
    padding: 10px 0;
}

.top-nav{
  /*display: grid;
  grid-template-columns: 1fr 1fr 85px;
  grid-column-gap: 20px;*/
  padding: 15px 50px;
  background-color: #bf8b28;
  justify-content: space-between;
  display:flex;
}

.top-nav > a{
	display:flex;
	align-items:center;
}

.top-nav a{
  /*align-self: end;*/
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.top-nav a:first-of-type{
  justify-self: end;
}

.top-nav a:last-of-type{
  justify-self: start;
}

#nav-icon {
  align-self: center;
  width: 30px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #bf8b28;
  opacity: 1;
  left: 0;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 8px;
}

#nav-icon span:nth-child(3) {
  top: 16px;
}

.current_page_item>a{
  color: #bf8b28;
}

.current_page_item>a:visited{
  color: #bf8b28;
}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */

main,body,article{
  display: grid;
}

section, footer{
  display: grid;
  justify-self: center;
  padding: 50px 2%;
  width: 1100px;
}

/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

h1, h2, h3, h4, h5, h6{
  color: #bf8b28;
  font-weight: 400;
  margin: 0.6em 0;
  padding: 0 5%;
}

h1{
  font-size: 2em;
}

h2{
  font-size: 1.7em;
}

h3{
  font-size: 1.5em;
}

h4{
  font-size: 1.3em;
}

h5{
  font-size: 1.1em;
}

h6{
  font-size: 1em;
}

h2{
  font-family: 'Libre Baskerville', serif;
}

p{
  margin-bottom: 0.7em;
  padding: 0 5%;
}

.listing-info p:nth-child(3), .listing-info p:nth-child(4){
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px 0;
}

a{
  color: #bf8b28;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

ul,ol{
  padding: 20px 60px;
}

ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #bf8b28;
  font-weight: bolder;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

ol{
  list-style-type: decimal;
}

.underline{
  text-decoration: underline;
}

hr{
  border-top: 1px solid #272d43;
  width: 1100px;
}

#cn-notice-text{
  color: #fff !important;
}


/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */

a, button{
  cursor: pointer !important;
}

.bas-blue{
  background-color: #272d43;
  width: 100%;
}

.bas-blue-featured-wrapper{
  border: 2px #bf8b28 solid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-self: center;
  margin: 1em;
  max-width: 1200px;
  padding: 2em;
  width: 100%;
}

.bas-blue-featured-wrapper h2{
  color: #fff;
  grid-column-start: span 2;
  margin-top: 0;
  padding: 0;
}

.bas-blue-content{
  border: 1px #bf8b28 solid;
  background-color: #fff;
  margin: 3em 0 3em -3em;
  padding: 3em;
}

.bas-blue-content h3{
  color: #272d43;
  font-family: 'Libre Baskerville', serif;
}

.bas-blue-featured-wrapper>.col img{
  max-width: 100%;
}

.bas-blue-featured-image{
  min-height: 350px;
}

.bas-cta-container{
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5%;
}

.bas-cta{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  justify-content: center;
  padding: 100px 10% 250px;
  position: relative;
}

.bas-cta:nth-child(1){
  background: url('https://www.bruceandsimpson.co.uk/wp-content/uploads/2020/04/external3.jpg');
}

.bas-cta:nth-child(2){
  background: url('https://www.bruceandsimpson.co.uk/wp-content/uploads/2020/04/kitchen1.jpg');
}

.bas-cta:nth-child(3){
  background: url('https://www.bruceandsimpson.co.uk/wp-content/uploads/2020/04/sheffield-web.jpg');
}

.bas-cta a:nth-child(1), .bas-cta a:nth-child(2){
  color: #fff;
  font-size: 1.5em;
  justify-self: center;
  margin-top: 10px;
  z-index: 999;
}

.bas-cta img{
  max-width: 50px;
  width: 100%;
}

.bas-cta-overlay{
  background-color: rgba(39,45,67,0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bas-cta:hover>.bas-cta-overlay{
  display: grid;
}

.bas-image{
  border-right: 2px solid #bf8b28;
  border-bottom: 2px solid #bf8b28;
  justify-self: center;
  padding: 0 20px 20px 0;
  max-width: 90%;
}

button{
  align-self: center;
  background-color: #bf8b28;
  border: 1px solid #bf8b28;
  color: #fff;
  justify-self: center;
  margin-left: 5%;
  padding: 10px 30px;
}

.col{
  align-content: center;
  display: grid;
}

.col img{
  align-self: center;
  justify-self: center;
  max-width: 90%;
}

.col button{
  margin-left: 5%;
}

.cta button:hover{
  background-color: transparent;
  color: #bf8b28;
}

.cta h2{
  text-align: center;
}

footer{
  background-color: #272d43;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  width: 100%;
}

.footer-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-self: center;
  width: 1000px;
}

.footer-col:first-of-type{
  justify-self: start;
  width: 100%;
}

.footer-col:last-of-type{
  justify-self: end;
  width: 100%;
}

.footer-container ul li::before{
  content: '';
}

.footer-container li{
  color: #fff;
  margin-bottom: 5px;
}

.home-banner{
  align-content: center;
  background: url('https://www.bruceandsimpson.co.uk/wp-content/uploads/2020/04/beautiful-kitchen-banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 12%;
  position: relative;
  width: 100%;
  height: 700px;
}

.home-banner h1, .home-banner p{
  color: #fff;
  line-height: 1.2;
  justify-self: center;
  text-align: center;
  width: 50%;
}

.home-banner a{
  color: #fff;
  font-weight: normal;
}

.home-banner a:hover{
  color: #bf8b28
}

.home-banner p{
  font-size: 2em;
}

.link-container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15%
}

.link-wrapper{
  display: grid;
  justify-content: center;
}

.link-wrapper a{
  font-size: 1.3em;
  justify-self: center;
  text-align: center;
}

.link-wrapper img{
  justify-self: center;
  max-width: 75px;
  width: 100%;
}

.listing-container{
  grid-column-gap: 5%;
  grid-template-columns: 1fr 1fr 1fr;
}

.listing{
  border: 1px solid #272d43;
  display: grid;
  padding-bottom: 30px;
}

.listing h3{
  color: #272d43;
  margin-top: 30px;
  text-align: center;
}

.listing img{
  height: 200px;
  object-fit: cover;
  object-position: 50% 0;
  width: 100%;
}

.listing button{
  background-color: transparent;
  border: 1px solid #272d43;
  color: #272d43;
  justify-self: center;
}

.listing button:hover{
  background-color: #272d43;
  border: 1px solid #272d43;
  color: #fff;
}

.listing p{
  padding: 10px 5%;
  text-align: center;
}

.listing a{
  justify-self: center;
}

.listing-alt h3{
  background-color: #272d43;
  color: #fff;
  margin-top: 0;
  padding: 30px 0;
}

.listing-section h2, .listing-section hr{
  grid-column-start: span 2;
  margin: 25px 0;
  text-align: center;
}

.logo{
  display: grid;
  justify-content: end;
  grid-template-columns: 75px 75px 75px;
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  margin-bottom: 50px;
}

.logo img{
  align-self: end;
  max-width: 75px;
}

.overlay{
  align-content: center;
  background-color: rgba(39,45,67,0.8);
  display: grid;
  grid-row-gap: 30px;
  height: 100%;
  left: 0;
  padding: 120px 12%;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.packages{
  grid-column-gap: 10%;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr;
}

.packages h2{
  grid-column-start: span 2;
  text-align: center;
}

.package-item{
  background-color: #272d43;
  display: grid;
  padding: 10%;
}

.package-item img{
  justify-self: center;
  margin-bottom: 1em;
  max-width: 50px;
  width: 100%;
}

.package-item h3{
  text-align: center;
}

.package-item ul{
  padding: 0 30px;
}

.package-item li{
  color: #fff;
  margin-bottom: 1em;
}

.reviews-container{
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5%;
}

.reviews-container h2{
  grid-column-start: span 3;
  margin-bottom: 1.5em;
  padding: 0;
}

.trustpilot-widget{
  grid-column-start: span 3;
}

.listing-container h2{
  grid-column-start: span 3;
  margin-bottom: 1.5em;
  text-align: center;
}

.review{
  align-content: start;
  display: grid;
  grid-row-gap: 30px;
}

.review label{
  color: #bf8b28;
  font-style: italic;
  font-weight: bold;
}

.review p{
  padding: 0;
}

.review p:last-of-type{
  margin: 0;
}

.social{
  /*display: grid;
  justify-content: end;
  grid-template-columns: 25px 25px 25px 25px;
  grid-column-gap: 5px;*/
	display:flex;
}

.social img{
  max-width: 25px;
}

.sub-banner{
  background: url(https://www.bruceandsimpson.co.uk/wp-content/uploads/2020/04/sub-banner.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  position: relative;
  width: 100%;
}

.post-banner{
  background-position: 50% 20%;
}

.sub-banner h1{
  color: #fff;
  margin: 0;
  text-align: center;
}

.sub-overlay{
  align-content: center;
  background-color: rgba(39,45,67,0.8);
  display: grid;
  height: 100%;
  left: 0;
  position: absolute;
  padding: 0 4%;
  top: 0;
  width: 100%;
  height: 100%;
}

.two-col{
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5%;
}

.why{
  background-color: #272d43;
  padding: 50px 4%;
  width: 100%;
}

.why h2{
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  justify-self: center;
}

.why p{
  color: #fff;
  justify-self: center;
  max-width: 1000px;
  text-align: center;
}

.why button{
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  justify-self: center;
  margin-top: 30px;
  padding: 10px 20px;
}

.why button:hover{
  background-color: #fff;
  color: #272d43;
}

.why a{
  justify-self: center;
}

.why-alternate{
  background: url('/wp-content/uploads/2020/04/sheffield-web.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 600px;
}

.why-overlay{
  align-content: center;
  background-color: rgba(39,45,67,0.8);
  display: grid;
  height: 100%;
  left: 0;
  position: absolute;
  padding: 30px 4%;
  top: 0;
  width: 100%;
  height: 100%;
}

.why-overlay img{
  margin: 0 auto;
  max-width: 150px;
}


/* ///// IMAGES ///// */
/* ///// IMAGES ///// */
/* ///// IMAGES ///// */



/* ///// FORMS ///// */
/* ///// FORMS ///// */
/* ///// FORMS ///// */

form{
  display: grid;
  justify-content: center;
  justify-self: center;
  width: 100%;
}

.form h2, .form-alt h2{
  text-align: center;
}

form input{
  border: 1px solid #272d43;
  margin-bottom: 1em;
}

form label{
  margin-bottom: 0.5em;
}

.form-alt button{
  background-color: transparent;
  border: 1px solid #272d43;
  color: #272d43;
}

.form-alt button:hover{
  background-color: #272d43;
  border: 1px solid #272d43;
  color: #fff;
}

form button{
  margin-top: 1em;
}

form>p{
  display: grid;
  justify-self: center;
  margin: 0;
}

input[type=submit]{
  align-self: center;
  background-color: #bf8b28;
  border: 1px solid #bf8b28;
  color: #fff;
  justify-self: center;
  margin-top: 25px;
  padding: 10px 30px;
}

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}

/* ///// WP ///// */
/* ///// WP ///// */
/* ///// WP ///// */

.wp-block-button__link{
  font-size: 1em !important;
  padding: 10px 30px !important;
}

.wp-block-gallery{
  margin: 25px 0;
}

.wp-block-gallery ul li::before{
  content: '';
}

.wp-block-file .wp-block-file__button{
  background: #272d43;
  border-radius: 0;
  font-size: 1em;
  margin-left: 1em;
}

table{
  margin-bottom: 10px;
}

table, th, td{
  border: 1px solid #272d43;
}

th{
  font-weight: bold;
}

th, td{
  padding: 5px;
}

.is-style-stripes>table>hr{
  border-bottom: 2px solid #272d43;
}

.is-style-stripes>tfoot>tr>td{
  border-top: 2px solid #272d43;
}

figure{
  margin: 25px 0;
}

.shc{
  font-size: 0.8em;
}

.shc a{
  color: #fff;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-button{
  margin-left: 5% !important;
}

@media only screen and (max-width: 1100px) {

/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */

.main-nav{
  display: none;
}

.nav-btn{
  display: block;
}

.bas-menu{
  grid-template-columns: 15% 1fr 15%;
}

.bas-menu a{
  justify-self: center;
}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */

section, footer, .footer-container{
  width: 100%;
}



/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

hr{
  width: 90%;
}


/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */



/* ///// IMAGES ///// */
/* ///// IMAGES ///// */
/* ///// IMAGES ///// */



/* ///// FORMS ///// */
/* ///// FORMS ///// */
/* ///// FORMS ///// */
 

}

@media only screen and (max-width: 880px) {

/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */




}

@media only screen and (max-width: 760px) {

/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */

.top-nav a{
  font-size: 0.8em;
}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */



/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

.link-wrapper a{
  font-size: 1.1em;
}



/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */

.bas-blue-featured-wrapper{
  grid-template-columns: 1fr;
}

.bas-blue-featured-wrapper h2{ 
  grid-column-start: span 1;
}

.bas-blue-content {
    border: 1px #bf8b28 solid;
    background-color: #fff;
    margin: -2em 1em 0 1em;
    padding: 1em;
}

.bas-cta-container, .listing-container, .reviews-container{
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}

.reviews-container h2, .listing-container h2{
  grid-column-start: span 1;
  text-align: center;
}

.trustpilot-widget{
  grid-column-start: span 1;
}

.bas-cta, .review, .listing{
  justify-self: center;
  width: 75%;
}

.footer-container{
  grid-template-columns: 1fr;
}

.footer-container li{
  text-align: center;
}

.listing-section h2, .listing-section hr{
  grid-column-start: span 1;
}

.logo,.social{
  justify-content: center;
}

.packages{
  grid-template-columns: 1fr;
}

.packages h2{
  grid-column-start: span 1;
}

.package-item{
  justify-self: center;
  width: 80%;
}

.social{
  margin-top: 20px;
}

.two-col{
  grid-template-columns: 1fr;
  grid-row-gap: 25px;
}



/* ///// IMAGES ///// */
/* ///// IMAGES ///// */
/* ///// IMAGES ///// */



/* ///// FORMS ///// */
/* ///// FORMS ///// */
/* ///// FORMS ///// */


}

@media only screen and (max-width: 560px) {

/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */

.bas-menu img{
  margin-top: 10px;
  max-width: 150px;
}

.top-nav{
  grid-template-columns: 1fr;
  grid-row-gap: 5px;
  padding: 5px 50px;
}

.top-nav a{
  align-self: center;
  font-size: 0.9em;
}

.top-nav a:first-of-type{
  justify-self: center;
}


.top-nav a:last-of-type{
  justify-self: center;
	display:none;
}

.social{
  margin: 0;
}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */



/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

.home-banner h1, .home-banner p{
  width: 90%;
}

/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */

.link-wrapper img{
  max-width: 40px;
}

.logo{
  display: grid;
  justify-content: center;
  grid-template-columns: 75px 75px;
  margin-bottom: 50px;
}

/* ///// IMAGES ///// */
/* ///// IMAGES ///// */
/* ///// IMAGES ///// */



/* ///// FORMS ///// */
/* ///// FORMS ///// */
/* ///// FORMS ///// */


}


@media only screen and (max-width: 460px) {


/* ///// MENU ///// */
/* ///// MENU ///// */
/* ///// MENU ///// */

.bas-menu{
  padding: 15px 30px;
}

.bas-menu img{
  max-width: 60px !important;
}

.bas-menu button{
  padding: 10px 20px;
}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */



/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

h1{
  font-size: 1.8em;
}

h2{
  font-size: 1.5em;
}

h3{
  font-size: 1.3em;
}

h4{
  font-size: 1.2em;
}

h5{
  font-size: 1.0em;
}



/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */
/* ///// ELEMENTS ///// */

.link-container{
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}



/* ///// IMAGES ///// */
/* ///// IMAGES ///// */
/* ///// IMAGES ///// */



/* ///// FORMS ///// */
/* ///// FORMS ///// */
/* ///// FORMS ///// */


}

@media only screen and (max-width: 320px) {

    body, header, main, section, footer {
    width: 320px;
    
    }

}