@charset "utf-8";
/* CSS Document */

@media (max-width: 1900px) {
	.top .right{
		width:34%;
	}
	
	#form .left{
		width:14%;
	}
	
	#dn-center .ticketbox{
		width:190px;
	}
	
	.about .right{
		font-size:55px;
	}
	
	.about .left .text{
		width:78%;
	}
	
	.button.pink{
		display:block;
		width:100px;
		text-align:center;
	}
	
	.quotes .chair{
		left:-40px;
	}
	
	.letter .pic img{
		width:600px;
	}
	
	.letter .flex{
		width:80%;
	}
	
	.letter .button.pink{
		width:300px;
	}
	
	.about .left{
		width:32%;}
	
	h2{
		font-size:45px;}
}

@media (max-width: 1750px) {
	#dn-center .ticketbox {
     
    padding: 25px 15px 60px 15px;
	}
	
	#dn-center .ticketbox.general{
		padding:30px 15px 10px 15px;
	}
	
	#form .left {
        width: 20%;
		padding:40px 20px 0 20px;
    }
	
	.about .main{
		width:95%;
	}
	
	.top{
		background-size:100%;
	}
	
	 .top .right {
        width: 38%;
    }
	
	h1{
		font-size:70px;
	}
	
	.top .right{
		margin:90px 0;
	}
	
	.bris .crib img{
		width:350px;
	}
	
	.inner{
		width:65%;
	}
	
	.bris .right .flex {
    margin: 0 80px 0 0px;
    justify-content: right;
}
	
	.bris .right .box.flex{
		margin:0 20px 0 0;
	}
	
	.quotes .hebrew img{
		width:550px;}
	
	.quotes .chair img{
		width:500px;
	}
	
	    .letter .pic img {
        width: 500px;
    }
	
	    .letter .flex {
        width: 90%;
    }
	
	.letter .narrow{
		width:55%;
	}
	
	#dn-center label#label6 .button {
    bottom: 168px;
}
}

@media (max-width: 1500px) {
	.flex.sponsor{
		flex-direction:column;
	}
	
	    #form .left {
        width: 100%;
        padding: 40px 0%;
		border-bottom:1px solid #D0CEC1;
    }
	
	#form .left h2{
		text-align:center;
	}
	
	#form .text{
		text-align:center;
	}
	
	h1 {
        font-size: 50px;
    }
	
	.top h1 span {
		font-size: 40px;
	}
	
	.top .desc{
		font-size:18px;
		margin:40px 0;
	}
	
	.flex.segulah{
		flex-direction:column;
	}
	
	.bris .text{
		width:100%;
		text-align:center;
	}
	
	.bris .right {
		margin: 40px 0 0 0;
		width: 100%;
	}
	
	.bris h2{
		text-align:center;
	}
	
	.quotes .chair{
		display:none;
	}
	
	.bris .right .box.flex {
        margin: 0 0 20px 0;
        flex-direction: row;
    }
	
	.quotes .inner {
		width: 95%;
		margin: 0 auto;
		padding: 160px 0 120px 0;
	}
	
	    .bris .right .flex {
        margin: 0 0px 0 0px;
        justify-content: center;
        flex-direction: column;
    }
	
	.letter .flex {
        width: 100%;
    }
	
	.padding {
		padding: 70px 0;
	}
	    .letter .pic img {
        width: 100%;
    }
	
	.letter .pic{
		float:right;
		position:relative;
		bottom:0;
	}
	
	 
	
	.letter .inner {
    width: 100%;
    padding: 50px 0 0 0;
}
	
	.bris .padding {
    padding: 0px 0 0px 0;
}
}

@media (max-width: 1300px) {
	    .top .right {
        margin: 30px 0;
    }
	
	.bris .crib{
		top:180px;
	}
	
	    .bris .crib img {
        width: 320px;
    }
	
	.letter .flex{
		flex-direction:column;
	}
	
	.letter h2{
		width:95%;
		text-align:center;
		margin:0 auto 40px auto;
	}
	
	.letter .text{
		width:95%;
		text-align:center;
		margin:0 auto;
	}
	
	.letter .narrow{
		width:100%;
	}
	
	.about .right{
		font-size:40px;
	}
	
	.letter .button.pink{
		margin:40px auto 0 auto;
	}
	
	.letter .pic{
		margin:-70px 0 0 0;
		max-width: 350px;
	}
}

@media (max-width: 1200px) {
	
	    .inner {
        width: 85%;
    }
	
	    .bris .crib {
        top: 280px;
    }
	
	    .bris .crib img {
        width: 260px;
    }
	
	#dn-center #part1{
		flex-direction:column;
	}
	
	#dn-center .ticketbox .ticketprice, #dn-center .ticketbox .ticket{
		text-align:left;
		
	}
	
	#dn-center .ticketbox#label2, #dn-center .ticketbox{
		border-bottom: 1px solid #D0CEC1;
		width:90%;
		padding:30px 5%;
		border-left:none;
	}
	
	#dn-center .ticketbox.general{
		border-top:none;
		border-bottom:none;
	}
	
	#dn-center label#label6 .button{
		bottom:0;
	}
	
	#dn-center .ticketbox.general{
		position:relative;
	}
	
	.about .flex{
		flex-direction:column;
	}
	
	    .about .left {
        width: 100%;
    }
	
	.about .right{
		width:100%;
	}
	
	    .about .left .text {
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
    }
	
	.about .middle{
		text-align:right;
		padding:0 0 30px 0;
	}
	
	.sources .quote{
		font-size:20px;
	}

	.bris h2 {

		font-size: 40px;
		line-height: 1;
	}

	h2{
		line-height:1;
	}
}
 

@media (max-width: 960px) {
	.top{
		background-image:url(images/bg-mobile.jpg);
		background-attachment:scroll;
		background-position: center 28%;
	}

	.top .right{
		float:none;
		width:100%;
		margin: 60% 0 50px 0;
	}
	
	.bris .right .flex{
		justify-content:left;
	}
	
	    .bris .crib {
        top: 320px;
    }
}

@media (max-width: 850px) {
	
	.sources .source{
		border:none;
	}
	
	.sources .owl-nav{
		top:40%;
	}
}

@media (max-width: 750px) {
	.top{
		background-position: center top;
	}

	.top .right {
		margin: 80% 0 50px 0;
	}
	
	    h2 {
        font-size: 29px;
		margin:0 0 20px 0;
    }
	
	.quotes .quote{
		font-size:25px;
	}
	
	#form .left h2 .strong {
		margin: 0 0 -4px 20px;
		
		
		font-weight: 500;
	}
	
	#dn-center .ticketbox .ticketprice{
		font-size:30px;
	}
	
	#dn-center .ticketbox .ticket{
		font-size:22px;
		margin:0 0 20px 0;
	}
	
	#dn-center .bottom .flex{
		flex-direction:column;
	}
	
	#dn-center #part2, #dn-center #part3 {
		width: 100%;
		margin: 0 0 30px 0;
	}
}

@media (max-width: 550px) {
	.about .middle img{
		width:100%;
	}
	
	    h1 {
        font-size: 41px;
    }
	
	    .top h1 span {
        font-size: 30px;
    }
	
	.top{
		background-size:cover;
	}
	
	    .bris .crib img {
        width: 190px;
    }
	
	.letter .text{
		font-size:16px;
	}
	
	#form .left .text {
		font-size: 16px;
		 
		width: 95%;
	 
	}
	
	    #dn-center .bottom {
        padding: 20px 20px 80px 20px;
    }
	
	#dn-center .dn-field.float.third.middle{
		margin:0 0 20px 0;
		
	}
	
	#dn-center .ticketbox#label2, #dn-center .ticketbox{
		padding:30px 5% 0 5%;
	}
	
	#dn-center label .button{
		width:148px;
		position:relative;
		margin:0 auto;
	}
	
	#dn-center #submitBtn{
		width:100%;
		font-size:18px;
		letter-spacing:3.6px;
	}
	
	#dn-center #part3{
		margin:0;
	}
	
	.button{
		font-size:12px;
		border-radius:12px;
		letter-spacing:2.4px;
	}
	
	    .quotes .hebrew img {
        width: 100%;
    }
	
	    .quotes .quote {
        font-size: 18px;
    }
	
	.quotes .button {
	  
		border-radius: 12px 12px 0 0;
		padding: 11px 15px;
	}
	
	    .about .right {
        font-size: 29px;
    }
	
	    .quotes .inner {
        
        padding: 160px 0 80px 0;
    }
	
	.bris .crib {
        top: 510px;
        right: -20px;
    }
	
	    .padding {
        padding: 40px 0;
    }
	
	h4{
		font-size:29px;
	}
	
	h4 br{
		display:none;
	}
	
	.about .left .text{
		font-size:16px;
	}
	
	.top .logo {
    width: 93px;
    margin: 0 auto 20px auto;
}
	
	.top .desc{
		width:65%;
		margin:30px auto;}
}