/* ---------------------------------------------------------------------------------------------------------------------------------------
0200 - Responsive
--------------------------------------------------------------------------------------------------------------------------------------- */


/* Tablet (Portrait), Design for a width of 768px */
@media (max-width: 1550px) {	
    header .logo-text                                      {max-width:400px;}
    header .radio-logo                                     {max-width:350px;}
}
@media (max-width: 1350px) {	
    header .logo-text                                      {max-width:350px;}
    header .radio-logo                                     {max-width:350px;}
    header .header-date                                    {margin-right:4%;font-size:110px;}
}
@media (max-width: 1250px) {	
    header .logo-text                                      {max-width:350px;}
    header .radio-logo                                     {max-width:350px;}
    header .header-date                                    {margin-right:8%;font-size:75px;}
}
@media (max-width: 1150px) {	
    header .logo-text                                      {max-width:350px;}
    header .radio-logo                                     {max-width:300px;}
    header .header-date                                    {margin-right:8%;font-size:75px;}
}
@media (max-width: 1023px) {	
	body 													{min-width: 768px !important;}	
	.desktop, .mobile										{display: none;}
	.tablet													{display: block;}						
	
	.bg-header												{background-size:auto;}
	.intro h1												{font-size: 2.2em;}
	.intro p												{font-size: 34px;margin-top:10px;;}
	hr														{border-top: 4px solid rgba(255, 255, 255, 1.0); }
    header .header-link                                     {margin:0 auto;text-align:center;padding:20px 0px;position:relative;}
    .stars                                                  {margin-top:0;margin-left:0px;}
    .filmstrip                                              {width:100%;}
    .body-section .large-image                              {max-width:400px!important;}
    .filmstrip                                              {max-width:600px!important;}
    .body-section .large-image                              {max-width:300px!important;}
    .filmstrip-thumbs                                       {padding-top:0px;}
    .filmstrip-control                                  {width:30px!important;height:30px!important;left:0%!important;border:none!important;}
    .bg-rsvp                                                {background-size:100%;min-height:700px;}
    .rsvp                                                   {padding:40px 20px;}
    .bubble-text                                            {left:16%;top:26%;max-width:285px;}
    .bubble2                                                {left:-2%;top:22%;max-width:235px;}
    .grey-bubble, .orange-bubble                            {width:109px;}
    .rsvp h2                                                {font-size:23px;}
    .bubble-text-long                                       {font-size:15px;top:18%;left:28%;width:215px;}
    .bubble2-text-long                                      {font-size:15px;top:12%;left:7%;width:206px;}
    .filmstrip-control.right                                {margin-right:10px;}
    .bg-blue                                                {background-size:cover;height:auto;}
    header .logo-text                                       {max-width:300px;margin-top:0px;float:none;}
    header .header-date                                     {font-size:80px;float:none;margin:0;width:100%;}
    header .radio-logo                                      {max-width:300px;margin-top:4%;}
    .talent-logo img                                        {max-width:200px;margin-top:20px;}
    header .rc-containter                                   {width:100%;clear:both;}
    .rsvp .form-container                                   {padding:0 20px;}
    .rsvp label, .rsvp span                                 {font-size:18px;}
    .star-table                                             {margin-top:30px;}
    .rsvp .reserve-img                                      {max-width:200px;}
    .rsvp .rsvp-text                                        {padding:20px 0 0 0!important;}
}

/* Mobile (Landscape), Design for a width of 480px */
@media (max-width: 767px) {
	body 													{min-width: 480px !important; font-size:14px;}
	.desktop, .tablet										{display: none;}
	.mobile													{display: block;}		
	
	.intro h1												{font-size: 1.8em;}
	footer .bg-logo											{height: auto;}
	footer .center											{text-align:left;}
	.body-container											{padding:3% 4%;}
	footer .wrapper 										{padding:0;}
	footer .p-y-lg											{padding-top:0.5em; padding-bottom:0.5em;}
	.thankyou .p-l-xs										{padding-left:0;}
	.question .radio										{font-size:1em;}
	.question .row											{margin-bottom:0;}
	.question .radio										{margin-bottom:1.5em;}	
	.question .title										{font-size:1.4em; margin-bottom: 1.0em}	
    .filmstrip                                              {max-width:400px;}
    .body-section .large-image                              {max-width:250px!important;}
    .filmstrip-thumbs                                       {padding-top:0px;}
    .filmstrip .thumb                                       {height:80px!important;}
    .filmstrip-control                                  {width:30px!important;height:30px!important;left:0%!important;border:none!important;}
   .filmstrip-inner                                        {height:250px!important;}
    .half                                                   {width:100%;padding:0 10px;}
    .bg-bubble1                                             {height:335px;}
    .bg-bubble2                                             {height:285px;}
    .bubble-text                                            {left:30%;max-width:255px;}
    .bubble2                                                {left:17%;width:206px;}
    .bubble-text-long                                      {font-size:15px;left:33%;top:23%;}
    .bubble2-text-long                                      {font-size:15px;left:18%;top:16%;}
    footer                                                  {height:352px;padding:20px;}
    footer .footer-left                                     {width:100%;padding-bottom:10px;}
    footer .footer-right                                     {width:100%;padding-bottom:10px;clear:both;text-align:center;}
    footer .button-primary                                  {margin-left:75%;}
    footer .footer-text                                     {text-align:center;}
    .rsvp                                                   {padding:40px 0px;}
    .bg-rsvp                                                {background-size:cover;min-height:1300px;}
    .star-text                                              {height:auto;font-size:32px;}
    .star-description                                       {font-size:20px;}
    .org-description                                        {font-size:18px;}
    .body-section h2                                         {font-size:32px;}
    .stars                                                  {padding:50px 0;}
    .star-table                                             {margin-top:0px;}
    
    
}

/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 479px) {
	body 													{min-width: 320px !important;}
	.contents-wrapper										{width: 100%;}
	.container-video .body									{height: 169px;}
	.expanded-text											{display: none;}
	#giveForm .option-text									{width: 88%;}
    .filmstrip                                              {max-width:320px!important;}
    .body-section .large-image                              {max-width:200px!important;}
    .filmstrip-control                                     {width:30px!important;height:30px!important;left:0%!important;border:none!important;}
    .filmstrip-inner                                        {height:200px!important;}
	.bubble-text                                            {left:22%;max-width:255px;}
    .bubble2                                                {left:7%;width:206px;}
    .bubble-text-long                                      {font-size:15px;left:26%;top:23%;}
    .bubble2-text-long                                      {font-size:15px;left:9%;top:16%;}
    .intro p                                                {font-size:23px;}
    
    .rsvp .rsvp-text                                        {font-size:22px;}
	
}