/*
Theme Name: It's A Sign!
Author: Megs Villa-Real
Author URI: i don have one
Description: It's A Sign's colorful website, now made to a Wordpress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* MAIN CSS */
/* FONT DECLARATION */

@font-face {
    font-family: 'Authority';
    src: url('/fonts/authoritydistressed-webfont.woff2') format('woff2'),
         url('/fonts/authoritydistressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Kollektif-R';
    src: url('/fonts/kollektif-webfont.woff2') format('woff2'),
         url('/fonts/kollektif-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Kollektif-B';
    src: url('/fonts/kollektif-bold-webfont.woff2') format('woff2'),
         url('/fonts/kollektif-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
:root{
  --red:#EE3B37;
  --yellow:#FABD1A;
  --teal:#02B38D;
  --blue:#11479D;
  --pink:#EE4876;
  --white:#F9F8F7;
  --black:#1A1613;
}

*{
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

.sticky {
  position: sticky;
  top: 0;
  z-index:2000;
}

body {
  max-width:100%;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

h1{
  font-family: "Authority", "Copperplate";
  font-size:80px;
}

h2{
  font-family:"Authority";
  font-size:64px;
}

h3{
  font-family:"Kollektif-B";
  font-size:36px;
}

h6{
  font-family:"Kollektif-B";
  font-size:20px;
  margin:0;
  text-transform:uppercase;
}

p{
  font-family:"Kollektif-R";
  font-size:20px;
  margin:0;
}

a{
  color:var(--blue);
}

a img{
  display:inline-block;
}


.sign-one, .graphic-one{
  display:none;
}

.video-container{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
}

.video-container iframe{
  position:absolute;
  width:100%;
  height:100%;
}

textarea {
  max-width:100%;
}

/* HEADER and NAV **************************************************************/

header{
	font-family: "Authority";
	font-size: 36px;
}

nav{
background-color: var(--white);
border-bottom: 1px solid var(--black);
}

nav ul{
display:flex;
list-style:none;
justify-content:center;
padding:0 5px 0 5px;
}

nav li:not(#close-sidebar, #mobile-logo, .centered-logo) {
display:flex;
text-align:center;
padding:30px;
vertical-align: bottom;
}

.centered-logo{
padding:20px;
}

nav a{
  text-decoration:none;
  color: var(--black);
  transition: all ease-in-out 0.1s;
}
.home-li:hover{
  color: var(--red);
}

.about-li:hover{
  color: var(--pink);
}

.map-li:hover{
  color:var(--teal);
}

.blog-li:hover{
  color:var(--yellow);
}

/* MOBILE HEADER AND NAV **************************************************************/
#open-sidebar-button{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:10px;
  position:fixed;
  right:0;
  z-index:1000;
}

#close-sidebar-button{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:5px;
}
#mobile-logo{
  display:none;
}

#overlay{
  background:rgba(0,0,0,0.5);
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
}
/* HOMEPAGE **************************************************************/

/*LANDING PAGE */

.title, .map-preview-text{
  margin-left:250px;
}

#about-the-project{
  justify-content: center;
}

#about-the-project, .landing-page{
  display:flex;
  align-items: center;
}

.project-title{
flex-direction:column;
margin-bottom:130px;
}


/*ABOUT THE PROJECT */


.home-signage{
  display:flex;
}
.project-title{
  width:800px;
  transform:rotate(-1.5deg);
  padding-top:90px;
}

.project-title h1{
  line-height:140px;
  font-size:150px;
}

.project-title h1, h2{
  margin:-15px 0 0 0;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.project-title h2{
  background-color: #11479D;
  margin-top:0.6em;
  padding:0.01em;
  width:300px;
}

#about-the-project{
  height:1070px;
}
.home-signage{
  display:flex;
}

.project-text{
  width:600px;
  margin-top:50px;
  padding:40px;

}
.project-text h6, .project-text p{
color:var(--black);
}

.project-text p{
  left:1;
}

.about-explore-button{
  padding-top:4em;
}


/*VIDEO BLOG PREVIEW */

.blog-preview{
  display:flex;
  flex-direction: column;
  margin-top:100px;
}

.pink-arrow{
  position:absolute;
  left:15%;
}

.preview-video{
  margin-top:20px;
  position:relative;
  width:80%;
  padding-bottom:56.25%;
  height:0;
}


.preview-description{
  display:flex;
  justify-content: space-evenly;
  padding: 20px;
  margin-top:20px ;
}

.blog-preview-text p{
  color:var(--black);
  margin-left:auto;
  margin-right:auto;
}

/*MAP PREVIEW*/
#map-preview h1{
  padding-top:0.5em;
}
.explore-button{
  background:none;
  border:none;
  cursor:pointer;
  margin-right:90px;
}

.map-preview-title{
  padding-top:120px;
  color:var(--teal);
}

.map-preview-text{
  width:500px;
  padding-top:10px;
  padding-bottom:3em;
}

.map-preview-text p{
  color:var(--white)
}

.map-explore-button{
  display:flex;
  justify-content:center;
  padding:3em;
}

.smaller-map{
  display:block;
  width:900px;
  margin-left:auto;
  margin-right:auto;
}


/* ABOUT US **************************************************************/
.about-us-sign{
  margin-top:40px;
  display:flex;
  flex-direction:column;
  text-align:center;
  gap:60px;
}
#meet-the-team{
  margin-top:500px;
  display:flex;
  flex-direction:column;
  text-align:center;
  transform:rotate(-2.25deg);
}

.top-sign{
  position:relative;
  transform:rotate(-1.5deg);
}

.bottom-sign{
  position:relative;
  transform:rotate(1.5deg);
}

#meet-the-team h1{
  line-height:87px;
}


.about-us-body p{
  color:var(--white);
}

.column-1,.column-2{
  margin-top:50px;
  display:flex;
  justify-content:center;
  gap:150px;
}

.profile{
  display:flex;
  flex-direction: column;
  text-align:center;
  width:300px;
}

.profile-roles, .profile-name{
  transform:rotate(-1deg)
}
.profile-roles{
  margin-top:0.10em;
  margin-bottom:1em;
  font-size:16px;
}

.profile-name{
  margin-top:20px;
  font-size:36px;
  font-family:Authority;
}

#contact-us-body{
  margin-top:100px;
  display:flex;
  justify-content:center;
  gap:100px;
  padding:100px;
}

.contact-us-text{
  margin-top:50px;
}

.contact-us-email{
  margin-top:40px;
  text-align:center;
  font-size:24px;
  font-family:Kollektif-B;
}

.contact-us-email{
  background-color:var(--red);
  padding:10px;
}

/* SIGN MAP **************************************************************/

#map{
  height:450px;
  max-width:1920px;
}

.smaller-map{
  display:block;
  width:900px;
  margin-left:auto;
  margin-right:auto;
}

/* BLOG **************************************************************/
.carousel{
  margin:0 0 100px 0;
  position:relative;
  height:720px;
  width:50%;
}

.carousel_track_container{
  height:100%;
  position:relative;
  overflow:hidden;
}

.carousel_track{
  list-style:none;
  position:relative;
  height:100%;
  transition: transform 450ms ease-in;
}

.carousel_video{
  max-width: 100%;
  height:auto;
  object-fit:cover;
}

.carousel video{
  width:90%
}

.carousel_slide{
  position:absolute;
  top:0;
  bottom:0;
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-evenly;
  gap:50px;
}

.carousel_text{
  flex-direction: column;
  width:365px;
  text-align:center;
  color:var(--white);
}

.carousel_text h1{
  font-size:64px;
  line-height: 60px;
}

.carousel_text h6{
  text-transform: none;
}

.carousel_text h1,.carousel_text h6{
  transform:rotate(-1.2deg)
}

.carousel_text p{
  margin-top:20px;
}

.carousel_text img{
  margin-top:15px;
  width:175px
}

.carousel_button{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  background:transparent;
  border:0;
  cursor:pointer;
}

.carousel-left{
  left:-75px;
}
.carousel-right{
  right:-75px;
}
.carousel_button img{
  width:50px;
}

.carousel_nav{
  display:flex;
  justify-content:center;
  padding:10px 0;
  margin-top:0;
  margin-bottom:0;
}

.carousel_indicator{
   border:0;
  border-radius:50%;
  width:20px;
  height:20px;
  background: rgba(0,0,0,.3);
  margin: 20px 12px;
  cursor: pointer;
}

.carousel_indicator.current-slide{
  background:var(--white)
}

.is-hidden {
  display:none;}
/* BLOG ARTICLES *******************************************************/

.article-video{
  width:40%;
  margin-left:auto;
  margin-right:auto;
}

.article-container{
  display:flex;
}

.article-body{
  margin-left:10em;
  font-size:24px;
}

.article-body h3, .article-body p{
  max-width:70%;
}

.article-body p{
  font-size:32px;
}

.episode-title{
  margin-top:1em;
  line-height:3em;
  width:990px;
}

.article-start{
  margin-top:2em;
}
.article-text-bold {
  font-family:Kollektif-B;
}
.article-body h3:not(.episode-title h3){
  margin:1em 0 1em 0;
}

.episode-selector{
  margin-top:4em;
  margin-bottom:4em;
  display:flex;
  padding-right:10em;
}

.selector-next{
  justify-content:right;
}

.episode-selector img{
  width:100px;
}

.selector-next img{
  margin-left:2em;
}

.selector-text{
  display:flex;
  flex-direction: column;
  text-align:center
}

.selector-text h3{
  color:var(--red)
}

.episode-nav{
  display:flex;
  justify-content: space-around;
}
/* FOOTER **************************************************************/

footer{
  background: var(--red);
  color:var(--white);
  margin-top:auto;
  width:100%;
}

.footer{
  display:flex;
  justify-content:center;
  width:100%;
  width:100%;
}

.footer img{
  margin: 0 auto;
  padding:20px;
  width:90px;
}

.footer-icons{
  display:flex;
  justify-content: center;
}

.footer-icons img{
  padding:5px;
  display:inline-block;
  vertical-align:bottom;
}

.footer a{
  text-decoration:none;
}

.subfooter{
  padding: 10px 0 10px 0;
}

.subfooter p{
  font-size:12px;
  font-weight:300;
  text-align:center;
  color: var(--white);
  margin-bottom:0px;
}

/* MEDIA QUERIES*******************************************************/

@media screen and (max-width: 1563px){
  .blog-preview{
    margin-top:350px;
  }

  .project-title{
    width:300px;
  }

  .landing-page{
    justify-content: center;
    gap:6.7em;
  }

  .project-title h1{
    font-size:120px;
    line-height:1em;
  }

  .carousel-left{
    left:-75px;
  }

  .carousel-right{
    right:-75px;
  }

  .preview-description, .title, .map-preview-text{
    margin-left:150px;
  }

  .map-preview-title{
    margin-top:450px;
  }


}

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

/* BLOG ARTICLES */
.article-body{
  margin-left:4em;
}


.article-body p{
  font-size:24px;
}

 .carousel_nav{
   margin-top:-200px;
  }
}
@media screen and (max-width: 960px){
/* HEADER AND NAV BAR*****/

#open-sidebar-button, #close-sidebar-button,#mobile-logo{
  display:block;
}

.mobile-nav{
  display:flex;
  justify-content:space-around;
}

.mobile-nav img{
  width:70px;
  padding:20px;
}

nav li:not(.centered-logo, #close-sidebar){
  padding:0.9em;
  font-size:32px;
  text-align:left;
}
  nav{
    position:fixed;
    top:0;
    right:-100%;
    height:100vh;
    z-index: 120;
    border-left: 1px solid var(--black);
    padding:0;
    transition:right 300ms ease-out;
  }

  nav.show{
    right:0%;
  }

  nav.show ~ #overlay{
    display:block;
  }

  .centered-logo{
    display:none;
  }
  nav ul{
    width:100%;
    flex-direction:column;
    padding:0;
  }

  nav a{
    width:100%;
    padding-left:1px;
  }

  .active-link{
    border-bottom:none;
  }

  /* HOMEPAGE*****/

  .landing-page{
    flex-direction:column;
  }


#about-the-project{
  margin-top:10px;
  flex-direction: column-reverse;
  justify-content: center;
  padding:10px;
}

.signage-img img{
  width:250px;
}


  .carousel_nav{
   margin-top:0;
  }


.smaller-map{
  width:90%
}
  .preview-description, .title, .map-preview-text{
    margin-left:50px;

  }

  .pink-arrow{
    left:2%;
  }

  #map-preview{
    margin-top:0px;
  }
  .map-preview-title{
    margin-top:30px;
  }

    /* ABOUT US*****/

  .about-us-profiles{
    padding:50px;
  }

  .column-1,.column-2{
    gap: 50px;
  }

  #contact-us-body{
    gap: 20px;
  }

  /* BLOG LANDING PAGE *****/
.carousel{
  height:720px;
}
.carousel_text h1{
  font-size:54px
}
.carousel_text h6{
  font-size:20px;
}
.carousel_text p{
  font-size:18px;
}

.carousel video{
  width:100%;
}
.carousel_slide{
  flex-direction: column;
}

 /* BLOG ARTICLES *****/

.episode-video{
  width:720px;
}

.episode-title{
  margin-top:2em;
  line-height:3em;
  width:900px;
}

.article-video{
  width: 80%;
}

.article-body h3, .article-body p{
  max-width:80%;
}

.article-body p{
  font-size:24px;
}

.article-body{
  margin-left:2em;
}

.episode-selector{
  padding-right:5em;
}
}
@media screen and (max-width: 700px){

.project-title h1{
  line-height:120px;
  font-size:120px;
}


nav li:not(.centered-logo, #close-sidebar){
  font-size:24px;
}

.mobile-nav img{
  max-width:50%;
}

.smaller-map{
    position:relative;
    width:450px;
  }


.project-text{
  width:500px;
}

.blog-preview{
  margin-top:600px;
}

.article-body h3, .article-body p{
  max-width:80%;
}

}

@media screen and (max-width: 500px){
  .smaller-map{
    position:relative;
    width:400px;
  }

.project-title, .map-preview-title{
  width:300px;
}
.project-text, .map-preview-text{
  margin-top:10px ;
  width:300px;
}

.project-text{
  margin-left:1px;
}

.carousel{
  height:600px;
  width:75%
}

.carousel_slide{
  bottom:auto;
}

.carousel-right{
  right:-40px;
}

.carousel-left{
  left:-40px
}

.carousel_text{
  width:100%;
}

.carousel_text img{
  width:150px;
}

}

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

  h1{
    font-size:48px;
    line-height:1em;
  }

  h3{
    font-size:20px;
  }


.project-title{
  margin-bottom:0;
}
.title{
  margin-left:20px;
}

.project-title{
  width:300px;
}

 .map-preview-title {
  text-align:center;
}


.blog-preview-title{
  line-height:5em;
}

.about-explore-button{
  padding-top:4em;
}

.blog-preview{
  margin-top:150px;
}

.preview-description{
  margin-left:0;
  flex-direction:column;
}
.explore-button{
  margin-right:0;
  margin-top:60px;
}
.blog-preview-text p{
  font-size:18px;
}

.map-preview-title{
  margin-top:250px;
}
.map-preview-text{
  margin-left:auto;
  margin-right:auto;
  width:350px;
  padding:20px;
}

#map{
  height:700px;
}

/* ABOUT US *****/
.about-us-profiles{
  padding:10px;
}

#meet-the-team{
  margin-bottom: 1em;
}
#meet-the-team h1{
  line-height:40px;
}
.about-us-sign img{
  width:300px;
}

.profile{
  width:140px;
}

.profile-name{
  font-size:20px;
}

.profile-roles{
  font-size:12px
}

.profile-desc{
  font-size:16px;
}


.contact-logo img{ 
  width:100px;
}

.contact-us-text p{
  font-size:16px;
}

#contact-us-body{
  width:300px;
  padding:20px 20px 20px 60px;
}

.contact-us-email{
  margin-top:20px;
}

/* BLOG LANDING PAGE *****/
.carousel{
  height:600px;
  width:75%
}

.carousel_slide{
  bottom:auto;
}

.carousel-right{
  right:-40px;
}

.carousel-left{
  left:-40px
}

.carousel_text{
  width:100%;
}

.carousel_text img{
  width:150px;
}

/* BLOG ARTICLES *****/

.episode-video{
  width:360px;
}

.article-body{
  margin-left:0.5em;
}

.episode-title{
  width:400px;
  margin-top:0.5em;
  font-size:64px;
  line-height:1.5em;
}

.article-body h3, .article-body p{
  max-width:95%;
}

.article-body p{
  font-size:18px;
}

.episode-selector h3{
  font-size:24px;
}

.episode-selector h6{
  font-size:16px;
}

.episode-selector{
  padding-right:1em;
}

.selector-next img{
  margin-left:0.5em;
}

.episode-selector img{
  width:70px;
}
.article-video{
  width:90%;
}
}


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

#bg{
  background-size:575%;
}

  /* HOME PAGE*****/

  p{
    font-size:16px;
  }
  h6{
    font-size: 16px;
  }
  h1{
    font-size:64 px;
  }


.project-text{
  padding:20px;
}
.blog-preview{
  margin-top:150px;
}

.smaller-map{
  width:300px;
  height:500px;
}

.map-preview-title{
  margin-top:450px;
}

.map-preview-text{
  width:250px;
}

  /* ABOUT US*****/

  #meet-the-team h1{
    font-size:64px;
    line-height:64px;
  }

  #about-bg{
    background-size:cover;
  }

.about-us-sign{
  margin-top:5px;
  gap:0;
}
.about-us-sign img{
  width:80%;
  gap:0;
  padding:10px;
}

.about-us-profiles{
  width:80%;
}

#meet-the-team{
  margin-top:1000px;
}
.column-1,.column-2{
  margin-top:20px;
  flex-direction: column;
  gap:10px;
}

.profile{
  display:inline-flex;
  width:100%;
  height:auto;
  padding:30px;
}

#contact-us-body{
  padding:20px;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  gap:10px;
}

#contact-us-body img{
  display:inline-flex;
  width:5
  0%;
  height:auto;
}

.contact-us-text{
  margin-top:20px;
}

.contact-us-email{
  margin-top:20px;
  font-size:20px;
  padding:2px;
} 

/* BLOG*****/
.episode-video{
  width:300px;
}

.article-body{
  margin-left:1em;
}

.episode-title{
  width:300px;
  margin-top:2em;
  font-size:32px;
  line-height:2.5em;
}

.episode-nav{
  padding-right: 0em;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.episode-selector{
    justify-content: center;

}

.episode-selector img{
  text-align:center;
  width:67px;
}
/* KEYFRAMES **************************************************************/
@keyframes fade-in{
    0%{
        opacity:0;
    }

    100% {
        opacity:1;
    }
}

@media screen and (max-width: 538px){
  .submit-form, .map-popup, .popup{
  width:375px;
  }

}
@media screen and (max-width: 490px){
  .submit-form, .map-popup, .popup{
  width:300px;
  }

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

.submit-form, .map-popup{
    width: 250px;
    border-width:10px;
}

.popup-instructions{
   max-height:200px;
   overflow:auto;
}

h2{
  font-size:40px;
}

p{
  font-size:18px;
}

.submit-form form{
  padding:0.5em;
}


}

/* BLOG PAGE CSS */
/* BLOG **************************************************************/
.carousel{
  margin:50px 0 100px 0;
  position:relative;
  height:720px;
  width:50%;
  margin-left:auto;
  margin-right:auto;
}

.carousel_track_container{
  height:100%;
  position:relative;
  overflow:hidden;
}

.carousel_track{
  list-style:none;
  position:relative;
  height:100%;
  transition: transform 450ms ease-in;
}

.carousel_video{
  max-width: 100%;
  height:auto;
  object-fit:cover;
}

.carousel video{
  width:90%
}

.carousel_slide{
  position:absolute;
  top:0;
  bottom:0;
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-evenly;
  gap:50px;
}

.carousel_text{
  flex-direction: column;
  width:365px;
  text-align:center;
  color:var(--white);
}

.carousel_text h1{
  font-size:64px;
  line-height: 60px;
}

.carousel_text h6{
  text-transform: none;
}

.carousel_text h1, .carousel_text h6{
  transform:rotate(-1.2deg)
}

.carousel_text p{
  margin-top:20px;
}

.carousel_text img{
  margin-top:15px;
  width:175px
}

.carousel_button{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  background:transparent;
  border:0;
  cursor:pointer;
}

.carousel-left{
  left:-150px;
}
.carousel-right{
  right:-150px;
}
.carousel_button img{
  width:80px;
}

.carousel_nav{
  display:flex;
  justify-content:center;
  padding:10px 0;
  margin-top:0;
  margin-bottom:0;
}

.carousel_indicator{
   border:0;
  border-radius:50%;
  width:20px;
  height:20px;
  background: rgba(0,0,0,.3);
  margin: 20px 12px;
  cursor: pointer;
}

.carousel_indicator.current-slide{
  background:var(--white)
}

.is-hidden {
  display:none;}

/* MEDIA QUERIES*******************************************************/

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

  .project-title h1{
    font-size:120px;
    line-height:1em;
  }

}

@media screen and (max-width: 960px){
/* HEADER AND NAV BAR*****/

#open-sidebar-button, #close-sidebar-button,#mobile-logo{
  display:block;
}

.mobile-nav{
  display:flex;
  justify-content:space-around;
}

.mobile-nav img{
  width:90px;
  padding:20px;
}

nav li:not(.centered-logo, #close-sidebar){
  padding:25px;
  font-size:32px;
  text-align:left;
}
  nav{
    position:fixed;
    top:0;
    right:-100%;
    height:100vh;
    z-index: 120;
    border-left: 1px solid var(--black);
    padding:0;
    transition:right 300ms ease-out;
  }

  nav.show{
    right:0%;
  }

  nav.show ~ #overlay{
    display:block;
  }

  .centered-logo{
    display:none;
  }
  nav ul{
    width:100%;
    flex-direction:column;
    padding:0;
  }

  nav a{
    width:100%;
    padding-left:1px;
  }

  .active-link{
    border-bottom:none;
  }
  /* BLOG LANDING PAGE *****/
.carousel{
  height:720px;
}
.carousel_text h1{
  font-size:54px
}
.carousel_text h6{
  font-size:20px;
}
.carousel_text p{
  font-size:18px;
}

.carousel video{
  width:100%;
}
.carousel_slide{
  flex-direction: column;
}
  }
 /* BLOG ARTICLES *****/

.episode-video{
  width:720px;
}

.episode-title{
  margin-top:2em;
  line-height:4em;
  width:900px;
}

.article-body h3, .article-body p{
  max-width:700px;
}

.article-body p{
  font-size:24px;
}

.article-body{
  margin-left:2em;
}

.episode-selector{
  padding-right:5em;
}


@media screen and (max-width: 500px){
  .smaller-map{
    position:relative;
    width:400px;
  }

.project-title, .map-preview-title{
  width:300px;
}
.project-text, .map-preview-text{
  margin-top:10px ;
  width:300px;
}

.project-text{
  margin-left:1px;
}

.carousel{
  height:600px;
  width:75%
}

.carousel_slide{
  bottom:auto;
}

.carousel-right{
  right:-40px;
}

.carousel-left{
  left:-40px
}

.carousel_text{
  width:100%;
}

.carousel_text img{
  width:150px;
}

}

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

  h1{
    font-size:48px;
    line-height:1em;
  }

  h3{
    font-size:20px;
  }

  .carousel_button img{
  width:60px;
}

/* BLOG LANDING PAGE *****/
.carousel{
  height:600px;
  width:75%
}

.carousel_slide{
  bottom:auto;
}

.carousel-right{
  right:-40px;
}

.carousel-left{
  left:-40px
}

.carousel_text{
  width:100%;
}

.carousel_text img{
  width:150px;
}
}

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

#bg{
  background-size:575%;
}

}