/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,800&display=swap');


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%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {
  margin: 0;
  padding:0;
  width: 100%;
  height:100vh;
  font-weight: 400;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
 
}


:root {
  font-size: 16px;
  font-family: 'Montserrat';
  --text-primary: #b6b6b6;
  --text-secondary: #ececec;
  --bg-primary: #000000;
  --bg-secondary: #141416;
  --transition-speed: 600ms;
      -webkit-font-smoothing: antialiased;

}
.navbarshop
{
  display:block;
  text-align:center;
  font-size:2em;
 
  padding-top:2vh;
  
}
.navbarshop p
{
  display:block;
  text-align:center;
  font-size:3.1vw;
  padding-top:2vh;
  
}
.navbarshop h1
{
  font-family:Montserrat;
  letter-spacing: 0.4px;
}
.youtube12
{
  width:100%;
  padding-bottom:0;
  padding-top:5vh;
  height:91vh;
  background-color:#ececec
  
}
.mobile-title
{
  display:none;
}
.blog-text p
{
  text-align: center;
}

body {
  color: grey;
  background-color: #dde1e7;
  margin: 0;
  padding: 0;
  
  
}

body::-webkit-scrollbar {
  width: 0.25rem;
  display:none;
}

body::-webkit-scrollbar-track {
  background: #1e1e24;
  display:none;
}

body::-webkit-scrollbar-thumb {
  background: #6649b8;
  display:none;
}
.icon-logo h1
{
  text-transform: uppercase;
  padding:30px;
  
}
.logotext h1
{
    width:100% !important;
}

main {
  margin-left: 5rem;
  padding: 1rem;
  display: block;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid{

  line-height: 3;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  -webkit-column-gap:           10px;
     -moz-column-gap:           10px;
          column-gap:           10px;  
 
}

.grid img {
  width: 100% ;
  height: 46vh ;
  -o-object-fit:cover;
     object-fit:cover;
 
}
@media  screen and (max-width: 1600px) and (min-width: 1280px) {
   .grid img {
  width: 100% ;
  height: 40vh ;
 
}
}
@media  screen and (max-width: 1280px) and (min-width: 1200px) {
   .grid img {
  width: 100% ;
  height: 40vh ;
 
}
}
@media screen and (max-width: 1200px) and (min-width: 799px) {
  .grid {
      -ms-column-count:2;
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
  .lastimage
  {
    display:none;
  }
  .grid img {
    width: 100% ;
    height: 57vh ;
   
  }
}
@media screen and (max-width: 799px) and (min-width: 600px) {
  .grid {
      -ms-column-count:2;
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
  .lastimage
  {
    display:none;
  }
  .grid img {
    width: 89% ;
    height: 57vh ;
   
  }
}
@media (max-width: 600px) {

  .lastimage
  {
    display:none;
  }
  .grid img {
    width: 100% ;
    height: 57vh ;
   
  }
  .nav-item {
    width: 21vw !important;
    padding: 0;
    border: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
@media (max-width: 1000px) {
  .grid {
      -ms-column-count:2;
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 800px) {
  .grid {
      -ms-column-count:1;
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

@media (max-width: 400px) {
  .grid {
      -ms-column-count:1;
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.navbar {
  position: fixed;
 
  -webkit-transition: width 600ms ease;
 
  -o-transition: width 600ms ease;
 
  transition: width 600ms ease;

  background: #dde1e7;
  font-size: 24px;
  -webkit-box-shadow:  -3px -3px 7px #ffffff73,
              3px 3px 5px rgba(156, 172, 201, 0.288);
          box-shadow:  -3px -3px 7px #ffffff73,
              3px 3px 5px rgba(156, 172, 201, 0.288);
  z-index:2;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;

  
}
.navbar::-webkit-scrollbar
{
  display:none;
}
.navbar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.nav-item {
  width: 100%;
  padding:0;
  border:0;
}



.centered
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  min-height: 100vh;
}
.newpage
{
  position:absolute;
  padding:90px;
}
.nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5rem;
  
  text-decoration: none;
 
  -webkit-transition: var(--transition-speed);
 
  -o-transition: var(--transition-speed);
 
  transition: var(--transition-speed);
}
.nav-link:hover
{
  background-color:#dde1e7;
}

#seemore
{
  display:none;
}
/*
.nav-link:hover {
  filter: grayscale(0%) opacity(1);
  background: var(--bg-secondary);
  color: var(--text-secondary);
}
*/
.link-text {
  display: none;
  margin-left: 1rem;
}

.nav-link svg {
  width: 2rem;
  min-width: 2rem;
  margin: 0 1.5rem;
}

.fa-primary {
  color:white;
}

.fa-secondary {
  color: white;
}

.fa-primary,
.fa-secondary {
  -webkit-transition: var(--transition-speed);
  -o-transition: var(--transition-speed);
  transition: var(--transition-speed);
}
 i
{
  width:100px;
  font-size:30px;
  padding:0;
  border:none;
  display:none;
}
.logo {
  font-weight: bold;
  text-transform: lowercase;
  margin-bottom: 1rem;
  text-align: center;
  
  background: black;
  font-size: 1.5rem;
  letter-spacing: 0.3ch;
  width: 100%;
}

.logo svg {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: var(--transition-speed);
  -o-transition: var(--transition-speed);
  transition: var(--transition-speed);
}

.logo-text
{
  display: inline;
  position: absolute;
  left: -999px;
  -webkit-transition: var(--transition-speed);
  -o-transition: var(--transition-speed);
  transition: var(--transition-speed);
  font-family: Montserrat;
  font-style: normal;
}
/*
.navbar:hover .logo svg {
  transform: rotate(-180deg);
}

/* Small screens */
  @media only screen and (max-width: 600px) {
    .navbar {
      bottom: 0;
      width: 100vw;
      height: 5rem;
    }
  
    .logo {
      display: none;
    }
  
    .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  
    .nav-link {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  
    main {
      margin: 0;
      padding-bottom: 17vh;
    }
  }

/* Large screens */
@media only screen and (min-width: 600px) {
  .navbar {
    top: 0;
    width: 5rem;
    height: 100vh;
  }
/*
  .navbar:hover {
    width: 16rem;
  }

  .navbar:hover .link-text {
    display: inline;
  }

  .navbar:hover .logo svg
  {
    margin-left: 11rem;
  }

  .navbar:hover .logo-text
  {
    left: 0px;
  }
}
.navbar:hover .icon-logo
{
  transition-timing-function: ease;

  /* Also the same as 
  transition-timing-function:cubic-bezier(0.25, 0.1 , 0.25, 1);
}*/
.navbarmobile
{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.dark {
  --text-primary: pink;
  --text-secondary: #ececec;
  --bg-primary: #000000;
  --bg-secondary: #141418;
}

.light {
  --text-primary: #1f1f1f;
  --text-secondary: #000000;
  --bg-primary: #ffffff;
  --bg-secondary: #e4e4e4;
}

.solar {
  --text-primary: #576e75;
  --text-secondary: #35535c;
  --bg-primary: #fdf6e3;
  --bg-secondary: #f5e5b8;
}

.theme-icon {
  display: none;
}

.dark #darkIcon {
  display: block;
}

.light #lightIcon {
  display: block;
}

.solar #solarIcon {
  display: block;
}


}
button{
  
  border:none;
   background-color:transparent;
   outline:none;
}
i
{
  color:black;
  cursor: pointer;
}

.information:not(#photos)
{
   display:block;
   padding-bottom:10vh;

}
#information h1
{
    font-family:Montserrat;
    font-size:11vh;
    cursor: pointer;
    text-shadow: -3px -3px 7px #ffffff73,
                3px 3px 5px rgba(94,104,121,0.288);
    color:#aeb1b6;   
    margin:25px;         
}

.imagegalleria
{
  height:0vh;
  position: -webkit-sticky; /* Safari */

  top: 0;
}
.container
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.container img
{
  height: 250px;
  width: 300px;
  -o-object-fit: fill;
     object-fit: fill;
  vertical-align: bottom;
  
}
#photos
{
  height:100vh;
  margin-top:-1vh;

}
#photos h1{
  font-family: 'Montserrat';
  font-size:5vw;
  font-weight: 800;
  padding-bottom:5vw;
  text-shadow: -3px -3px 7px #ffffff73,
  3px 3px 5px rgba(94,104,121,0.288);
color:#111;   
padding:0;
margin:2.5vh; 
padding-bottom:65px;
}
#coupons h1{
  font-family: 'Montserrat';
  font-size:10vh;
  text-shadow: -3px -3px 7px #ffffff73,
  3px 3px 5px rgba(94,104,121,0.288);
color:#aeb1b6;   
padding:0;
margin-top:-11vh;
  
}
.iconsnew{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

}
i
{
  width: 2rem;
  min-width: 2rem;
  margin: 0 1.5rem;
  color:black;
}
linew{
  position: relative;
  list-style: none;
  height: 70px;
  width: 70px;
  margin: 0 10px;
  border-radius: 50%;
  background: #dde1e7;
  cursor: pointer;
  -webkit-box-shadow: -3px -3px 7px #ffffff73,
              3px 3px 5px rgba(94,104,121,0.288);
          box-shadow: -3px -3px 7px #ffffff73,
              3px 3px 5px rgba(94,104,121,0.288);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
              
}
linew a{
  line-height: 70px;
  font-size: 27px;
  color: #b6bbc5;
  
}
.first linew.shadow-1{
  -webkit-box-shadow: inset -3px -3px 7px #ffffff73,
              inset 3px 3px 5px rgba(94,104,121,0.288);
          box-shadow: inset -3px -3px 7px #ffffff73,
              inset 3px 3px 5px rgba(94,104,121,0.288);
}
.first linew.shadow-1 a{
  font-size: 25px;
}
.second linew.shadow-2 a{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 55px;
  width: 55px;
  line-height: 55px;
  border-radius: 50%;
  background: #dde1e7;
  font-size: 24px;
  -webkit-box-shadow: inset -3px -3px 7px #ffffff73,
              inset 3px 3px 5px rgba(94,104,121,0.288);
          box-shadow: inset -3px -3px 7px #ffffff73,
              inset 3px 3px 5px rgba(94,104,121,0.288);
}
linew:nth-child(1).fill-color a{
  color: #4267B2;
}
linew:nth-child(2).fill-color a{
  color: #1DA1F2;
}
linew:nth-child(3).fill-color a{
  color: #E1306C;
}
linew:nth-child(4).fill-color a{
  color: #2867B2;
}
linew:nth-child(5).fill-color a{
  color: #333;
}

.containersearch .search {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background: crimson;
  border-radius: 50%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  z-index: 4;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
}
.containersearch .search:hover {
  cursor: pointer;
}
.containersearch .search::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 22px;
  right: 0;
  bottom: 0;
  left: 22px;
  width: 12px;
  height: 2px;
  background: white;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.containersearch .search::after {
  content: "";
  position: absolute;
  margin: auto;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid white;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.containersearch input {
  font-family: 'Inconsolata', monospace;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  background: crimson;
  color: white;
  text-shadow: 0 0 10px crimson;
  padding: 0 80px 0 20px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 25px 0 crimson, 0 20px 25px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 25px 0 crimson, 0 20px 25px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  z-index: 5;
  font-weight: bolder;
  letter-spacing: 0.1em;
}
.containersearch input:hover {
  cursor: pointer;
}
.containersearch input:focus {
  width: 300px;
  opacity: 1;
  cursor: text;
}
.containersearch input:focus ~ .search {
  right: -250px;
  background: #151515;
  z-index: 6;
}
.containersearch input:focus ~ .search::before {
  top: 0;
  left: 0;
  width: 25px;
}
.containersearch input:focus ~ .search::after {
  top: 0;
  left: 0;
  width: 25px;
  height: 2px;
  border: none;
  background: white;
  border-radius: 0%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.containersearch input::-webkit-input-placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}
.containersearch input::-moz-placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}
.containersearch input:-ms-input-placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}
.containersearch input::-ms-input-placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}
.containersearch input::placeholder {
  color: white;
  opacity: 0.5;
  font-weight: bolder;
}




@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");

/*.container, .box {
  display: flex;
  justify-content: center;
  align-items: center;
}
*/
html {
  background: #ececec;
  font-family: "Muli", sans-serif;
  color: #333333;
  
  padding:0;
  margin:0;
}
body
{
  background-color: #ececec;

}

.container {
  width: 100%;
  height: 100%;
  padding-bottom:51px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display:-ms-grid;
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(19rem,1fr));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;


  
}
.link
{
  padding-bottom:23px;
}
/*.box {
  display:inline-flex;
  flex-direction: column;
      width: 259px;
    height: 173px;
    padding-right: 4vh;
    padding-top: 4vh;
    padding-left: 4vh;
  background:#ececec;
  border-radius:10px;
  text-align:center;
  box-shadow:  -3px -3px 7px #ffffff73,
   3px 3px 5px rgba(94,104,121,0.288);
  padding-bottom:20px;
}
*/
.text {
  width: 80%;
  height: auto;
}
.text h1 {
  font-size: 1.5em;
  font-weight: 600;
  text-align:center;
  color:black;
  font-family:'Montserrat';
}
.text p {
  margin-top: 2em;
  line-height: 1.45em;
}

.btn {
  margin-top: 2em;
  margin-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btn .cta {

  width: 100px;
  height: 33px;
  text-decoration: none;
  background: #0066ff;
  color:rgb(0, 0, 0);
  padding: 10px 63px;
  border-radius: 25px;
  font-weight: 600;
  background:#ececec;
  border-radius:10px;
  text-align:center;
  -webkit-box-shadow: inset -3px -3px 7px #ffffff73,
  3px 3px 5px rgba(94,104,121,0.288);
          box-shadow: inset -3px -3px 7px #ffffff73,
  3px 3px 5px rgba(94,104,121,0.288);
}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: black;
  text-align: center;
  border-radius: 25px;
  padding: 5px 0 6px 0;
  position: absolute;
  top: -40px;
  left: calc(50% - 60px);
  z-index: 1;
  font-size: 0.7em;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 399ms ease;
  -o-transition: opacity 399ms ease;
  transition: opacity 399ms ease;
}
header {
    padding-top:0em;
    padding-left:2.5em;
    padding-right:3em;
    padding-bottom:2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display:block;
    text-align:center;

  }
  
  header .logo {
    color: black;
    font-weight: bold;
    font-size: 2.6em;
    text-decoration: none;
    font-family:'Montserrat';
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none; 
  }
  .logo1
  {
    color: white;
    font-weight: bold;
    font-size: 1.8em;
   
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none; 
  }
  
  header .menu-btn {
    width: 24px;
    float: right;
    cursor: pointer;
    padding-top:0.35em;
     -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none; 
  }
  .link img
  {
    width:293px;
    height:200px;
  }
  .title
  {
    display :block;
    text-align:center;
    font-family:Montserrat;
    font-size:50px;
    padding:0;
    margin:0;
    color:black;
    border-radius:10px;
    text-align:center;
    -webkit-box-shadow:  -3px -3px 7px #ffffff73,
    3px 3px 5px rgba(94,104,121,0.288);
            box-shadow:  -3px -3px 7px #ffffff73,
    3px 3px 5px rgba(94,104,121,0.288);
  }
  abutton{
    position:relative;
    display:inline-block;
    padding:15px 30px;
    color:#b8b3b3;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-decoration: none;
    font-size: 24px;
    overflow: hidden;
    -webkit-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
  
  }
  .search-box
{
  float:right;
    position: relative;
    float:right;
    -webkit-transform:translate(-0%,-19%);
        -ms-transform:translate(-0%,-19%);
            transform:translate(-0%,-19%);
    background-color: #2f3640;
    height: 40px;
    border-radius: 40px;
    padding: 10px;
}
.search-box:hover > .search-txt
{
    width: 240px;
    padding: 0 6px;
}
.search-box:hover > .search-btn
{
   background: rgb(255, 0, 0);
}
.search-btn
{
    color: white;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2f3640;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.search-txt
{
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: white;
    font-size: 16px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    line-height: 40px;
    width: 0px;

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

  header
  {
    padding-top:0px;
    padding-left:1px;
    padding-right:10px;
  }
 .hero img{
   height:100%;
 }
}
  
  
  
iframe
{
  padding-top:0vh;
  padding-bottom:3vh;
}
  


@media only screen and (max-width: 600px) {
 #photos h1
 {
   font-size:2.2em;
   padding-top: 0vh;
   padding-bottom:4vh;
 }
}