@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);
.rb-mask {    
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999;
    top: 0px;
}
.rb-modal { 
    width: 600px; 
    height: 520px; 
    background-color: #fff; 
    position: fixed;
    top: 16%;
    right: 23%; 
    z-index: 1000;
}
.rb-exit {
    cursor: pointer;
    float: right;
   font-size: 20px;
   font-weight: 100;
    height: 16px;
    width: 16px;
    text-align: center;
    position: relative;
    top: 0px;
    right: 6px;
}
.rb-sign-up {
    text-align: center;
    padding: 40px 0;
    display: block;
    width: 295px;
    margin: auto;a
    float: right;
    display: inline-block;
    top: 12%;
    position: relative;
}
.rb-button, .rb-button-mobile {
    display: block;
    background-color: #4b2a71;
    color: #fff;
    width: 170px;
    margin: auto;
    padding: 5px;
    font-family: helvetica;
    text-decoration: none;
    font-weight: 300;
    margin-top: 8px;
    font-family: "Gill Sans","Trebuchet MS",Calibri,sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
}
.rb-button-mobile {
    background-color: #B9AEA8;
}
.rb-headline {
    color: #f0ae17;
    font-family: "Gill Sans","Trebuchet MS",Calibri,sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
    line-height: 30px;
}
.rb-body-copy {
    color: #4b2a71;
    font-family: "Old Standard TT", serif;
    font-size: 19px;
    padding: 0 20px;
    font-style: italic;
}
.rb-img-desktop {
    float: left;
    margin: 10px;
}
.rb-img-mobile {
    float: none;
    display: block;
    width: 355px;
    height: auto;
    margin: 10px ;
}
@media (min-width: 1201px) {
    .rb-modal { 
        right: 30%; 
    }
}
@media (min-width: 1101px) and (max-width: 1200px) {
    .rb-modal { 
        right: 23%; 
    }
}
@media (min-width: 1001px) and (max-width: 1100px) {
    .rb-modal { 
        right: 18%; 
    }
}
@media (min-width: 901px) and (max-width: 1000px) {
    .rb-modal { 
        right: 13%; 
    }
}
@media (max-width: 900px)  {
    .rb-sign-up {
		text-align: center;
		padding: 0;
		display: block;
		width: 295px;
		margin: auto;
		float: none;
		display: block;
		top: 1%;
	}
	.rb-modal { 
		width: 375px; 
		height: 667px; 
		background-color: #fff; 
		position: absolute;
		top: 0%;
		left: 30%;
		z-index: 1000;
		display: block;
    		overflow-y:auto;
    		overflow-x:hidden;    
   		max-height: 100%;
	}
	.rb-mask { background-color: white; }
	.rb-exit { display: none; }
    .rb-img-desktop { display: none; }
	.rb-desktop-break { display: none;}
}
@media (max-width: 500px)  {
	.rb-modal { position: fixed; top: 0px; left: 0px; overflow-y:auto; overflow-x:hidden; max-height: 100%; }  
}
@media (max-width: 700px) and (min-width: 501px)  {
	.rb-modal { position: fixed; top: 0%; left: 20%; overflow-y:auto; overflow-x:hidden; max-height: 100%; } 
}
@media (min-width: 900px) {
    .rb-img-mobile { display: none; }
    .rb-button-mobile { display: none; }
	.rb-mobile-break { display: none;}
}
@media (max-height: 500px) {
    .rb-sign-up { 
  	    float: right;
    	display: inline-block;
    	background-color: white; 
    	height: 360px; 
    	padding-top: 20px;
    	top: 0px;
    }
	.rb-modal { max-height: 500px; width: 700px; position: fixed; top: 0px; left: 0px;}
    .rb-img-mobile { display: block; float: left; display: inline-block; }
    .rb-mask { background-color: white; }
	.rb-exit { display: none; }
    .rb-img-desktop { display: none; }
   	.rb-desktop-break { display: none;}
    .rb-button-mobile { display: block; }
}
@media (max-height: 500px) and (min-width: 900px) {
    .rb-modal { left: 20%;}
}
@media (max-height: 500px) and (max-width: 900px) {
    .rb-img-mobile { width: 150px; hight: auto; }
    .rb-sign-up { float: none; width: 190px; }
    .rb-button, .rb-button-mobile, .rb-body-copy { 
        position: relative;
        top: 60px;
        left: -90px;
        font-size: 1.4em;
    }
    .rb-body-copy { width: 300px; left: -175px; top:  60px; }
    .rb-desktop-break, .rb-mobile-break { display: none; }
    .rb-headline { 
    	position: relative;
		top: 22px;
		font-size: 2.1em;
		left: -12px; 
	}
}
.rb-hidden { display: none; }