@import url('https://fonts.googleapis.com/css?family=Cabin');

body.rcbg {
  background: url('/images/rchooser/rc_bg_pin.png') no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   font-family: 'Cabin', sans-serif;
}

.rclogo {
  padding-top: 20px;
  padding-left: 12.5%;
  max-width: 34%;
}

.rcselectrow {
  margin-top: 50px;
}
.rclistrow {
  margin-top: 40px;
}
.rcselect {
  font-size: 4.015em;
  color: #e1c463;
  padding-left: 6.25%;
}

ul.rclist {
  list-style-type: none;
  padding-left: 12.5%;
    line-height: 50px;
}

li.rcitem a:hover {
  color: #cf3737;
  font-size: 48pt;
}

li.rcitem a {
  color: #ffffff;
  font-size: 30pt;
}


/*==========  Mobile First Method  ==========*/

 /* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {

 }

 /* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) {

 }

 /* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {

 }

 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {

 }

 /* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {

 }



 /*==========  Non-Mobile First Method  ==========*/

 /* Large Devices, Wide Screens */
 @media only screen and (max-width : 1024px) {
   .rclogo {
     display: none;
   }
   .rcselectrow, .rclistrow {
     text-align: center;
     margin-left: 0;
     margin-right: 0;
   }
    body, html, #app {
      height: auto;
      width: 100%;
    }
    #app {
      background: rgba(0,0,0,0.6);
    }
   .rcselect {
     font-size: 30pt;
   }
 }

 /* Medium Devices, Desktops */
 @media only screen and (max-width : 992px) {

 }

 /* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {

 }

 /* Extra Small Devices, Phones */
 @media only screen and (max-width : 500px) {
   .rcselect {
     font-size: 23pt;
   }
 }

 /* Custom, iPhone Retina */
 @media only screen and (max-width : 320px) {

 }