@font-face {
    font-family: 'Nunito Sans';
    src: url('nunito_sans/NunitoSans-Bold.eot');
    src: url('nunito_sans/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('nunito_sans/NunitoSans-Bold.woff2') format('woff2'),
        url('nunito_sans/NunitoSans-Bold.woff') format('woff'),
        url('nunito_sans/NunitoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Nunito Sans';
    src: url('nunito_sans/NunitoSans-Regular.eot');
    src: url('nunito_sans/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('nunito_sans/NunitoSans-Regular.woff2') format('woff2'),
        url('nunito_sans/NunitoSans-Regular.woff') format('woff'),
        url('nunito_sans/NunitoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('nunito_sans/NunitoSans-SemiBold.eot');
    src: url('nunito_sans/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('nunito_sans/NunitoSans-SemiBold.woff2') format('woff2'),
        url('nunito_sans/NunitoSans-SemiBold.woff') format('woff'),
        url('nunito_sans/NunitoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('nunito_sans/NunitoSans-Light.eot');
    src: url('nunito_sans/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('nunito_sans/NunitoSans-Light.woff2') format('woff2'),
        url('nunito_sans/NunitoSans-Light.woff') format('woff'),
        url('nunito_sans/NunitoSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cubano';
    src: url('Cubano-Regular.woff2') format('woff2'),
        url('Cubano-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	text-align: center;
	margin: 0 auto;
	font-family: Cubano, 'Nunito Sans', "Arial", sans-serif;
	height:100vh;
	font-size: 18px;
    color: white;
}


.bg {
  background-image: url("../img/alice-intro-new.webp");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-concerts {
  background-image: url("../img/black.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-newsletter {
  background-image: url("../img/black-pattern.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contact {
  background-image: url("../img/black-pattern.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-shop {
  background-image: url("../img/black-pattern.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-digitaldownloads {
  background-image: url("../img/black-pattern.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container {display: table; height: 78vh; overflow: hidden; width: 100%; }
.container-top {display: table; height: 15vh; overflow: hidden; width: 100%;  }
.container-bottom {display: table; height: 5vh; overflow: hidden; width: 100%;   }
.container-inner {vertical-align: middle; display: table-cell; }
.downloads .container-inner {display: block!important; }
input[type=text] {
	appearance: none;
	border: none;
	outline: none;
	
	background: white;
	border-radius: .2em .2em 0 0;
	padding: .8em;
	color: black;
    width: 300px;
    margin-right: 20px;
}

.submit-button {
                    cursor: pointer;
                    outline: 0;
                    color: #fff;
                    background-color: black;
                    display: inline-block;
                    font-weight: 400;
                    line-height: 1.5;
                    text-align: center;
                    border: 1px solid transparent;
                    padding: 6px 12px;
                    font-size: 16px;
                    border-radius: .25rem;
                    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.submit-button:hover {
                        color: black;
                        background-color: white;
                    }
                

.download-image {width: 600px;}

.column {
  float: left; 
}

.left {
  width: 34%; 
}

.right {
  width: 65%; 
}
 
.contact-content .left, .contact-content .right{width: 100%; } 

.flower-concerts {max-width: 500px;}
.flower-contact {max-width: 300px; margin-bottom: 75px;}
.bee {max-width: 35px; margin-right: 150px;}
.beeh3 {margin-top: -15px!important;}

.three-left {
  width: 25%;
  text-align: left;
  padding-top: 15px; 
}

.three-middle {
	width: 49.5%;
	text-align: center; 
}

.three-right {
  width: 25%;
  text-align: right;
  padding-top: 15px; 
}

.padding-right {padding-right: 60px;}
.padding-left {padding-left: 60px;}

.desktop-nav {display: block; margin-top: 60px; text-align: right; padding-right: 0px;}

.desktop-nav a {
	font-size: 28px;
	font-weight: bold;
	padding-left: 60px;
}


a{
	color: white;
    text-decoration: none;
}


a:hover{
    text-decoration: underline;
}

h2 a:hover{
    text-decoration: none;
}
a.active {text-decoration: underline;}
.rowcolumn a {color: white;}

.mobile-nav {display: none;}



h2 {font-size: 64px; color: white; text-align: left; margin-left: 60px; margin-top: 60px; line-height: 1}

.contact-font {font-size: 24px; color: white; font-family: Cubano, 'Nunito Sans', "Arial", sans-serif; font-weight: bold;}
.contact-font a {color: white;}


.social-wrapper {
  width: 100%;
  text-align: center;
  font-size: 0;
}
.social {
  display: inline-block;
  margin: 0 auto;
  font-size: 0;
}
.social a {
  display: inline-block;
  margin: 0 50px;
   font-size: 40px;
   color: white;
}

.social img {height: 30px;}




.date {width: 70%; float: right; margin-right: 60px;}
.contact-content .date {width: 100%; float: none; margin-right: 0px;}
.newsletter-container {width: 100%; text-align: center;}

.date-left {
  width: 49%;
}

.date-right {
  width: 99%; 
  
}

.rowcolumn {
  float: left;
  color: white;
  font-weight: bold;
}

.rowcolumn:nth-child(1) {
	  width: 20%;
}

.rowcolumn:nth-child(2) {
	  width: 55%; 
}

.rowcolumn:nth-child(3) {
	  width: 10%;

}

.row:after {
  content: "";
  display: table;
  clear: both;
  margin: 15px;
  
}

.bg .container {padding-top: 0px;padding-left: 100px;}
.intro-text {font-size: 38px;}






@media screen and (max-width:2000px) {
	.desktop-nav a {font-size:24px; padding-left: 20px;}
	h2 {font-size: 48px; }
	.date {width: 75%;}
	.contact-font {font-size: 20px; }
}



@media screen and (max-width:1600px) {
   .desktop-nav a {font-size:20px; padding-left: 15px;}
   h2 {font-size: 42px; }
   body {font-size: 14px;}
   .date {width: 90%;}
   .contact-font {font-size: 19px; }
   
	
    
}


@media screen and (max-width:720px) {
	.desktop-nav {display: none}
	.mobile-nav {display: block; text-align: right;   font-weight: bold;margin-top: 20px!important; margin-right: 20px!important;}
	.mobile-nav a {font-size: 14px!important; line-height: 20px; color: white;}
	
	.content .left, .content .right, .three-left, .three-right, .three-middle, .date-left, .date-right {width: 100%;}
	
	h2 {font-size: 24px; margin-top: 20px!important;}
	
	.three-left, .three-middle, .three-right {
  text-align: center;
  padding-top: 15px; 
}
.date {margin:0 auto; float: none; text-align: center;}
.contact-font {font-size: 16px!important;}

.padding-right {padding-right: 0px;}
.padding-left {padding-left: 0px;}
.rowcolumn {text-align: center;}

.rowcolumn:nth-child(3) {
	  width: 20%;

}

.bg {  background-image: url("../img/alice-intro-new-mobile.webp");}
    
    .bg .container {padding-top: 50px;padding-left: 0px;}
.intro-text {font-size: 48px;}

}

@media screen and (max-width:450px) {
    .flower-contact {max-width: 200px; margin-bottom: 35px;}
	.flower-concerts {max-width: 200px;}
	h2 {font-size: 16px; color: white; text-align: left; margin-left: 20px; line-height: 1}
.social a {

  margin: 0 25px;
   font-size: 20px;

}
    
    .shop-content .date {margin-bottom: 150px;}
    .contact-font {font-size: 14px!important; margin-top: 100px;}

   
}