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

a {
 color: #005EB8;
}

.social_menu {
	margin: auto;
        width: 100%;
	padding: 10px;
        text-align: center;
}
.rowHeader2 {
	background-color: #005EB8;
	color:white;
	padding: 5px;
	justify-content: center;
}

.video_container {
  margin:auto;
  width: 101%;
  height: 317px;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
#first-box {
  float: left;
  width: 47%;
  height: 317px;
  background-color: white;
  border: 1px solid #005EB8;
}
#second-box {
  float: left;
  width: 47%;
  height: 317px;
  background-color: white;
  border: 1px solid #005EB8;
  margin-left: 30px;
}

.iframe-menu {
  height: 100px;
}

.sr-frame {
  margin:0;
  padding:0;
  width:100%;
  height: 350px;
/*  border: 1px solid #005EB8; */
}

.accordion {
  background-color: #005eb8;
  color: #fff;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #319842; 
}

.panel {
  border:solid;
  border-color:#319842;
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

table tr, table td, table th {
  border: none !important;
}

.td-center {
 text-align: center;
}

#naming_color {
  background-color: #005EB8;
  color: #FFFFFF;
}

#plat_color {
 background-color: #e5e4e2;
}

#gold_plus_color {
  background-color: #e5cf88;
}

#gold_color {
  background-color: #b3a369;
}

#silver_color {
 background-color: #97999B;
}

#bronze_color {
 background-color: #CD7F32;
}

 /* ---- MOBILE PORTRAIT---- */
@media only screen and (max-width: 480px) {
.amazon-media, .bricks, .dollar {
  width: 75%;
}

.video_container {
  display: table;
  width: 100%;
  height: 317px;
}
.box{
  display:block;
  width: 100%;
}

#first-box {
  display:table-caption;
  width: 100%;
  height: 317px;
}
#second-box {
  display:table-header-group;
  width: 100%;
  height: 317px;
  margin-left:0;
  margin-top: 20px;
}
	
#about-sr-header {
  margin-top: 50px;
}

.sr-frame {
  height: 850px;
}
	
.iframe-menu {
  height: 260px;
  width: 100%;
}
}

/* ---- MOBILE LANDSCAPE ---- */
@media only screen and (max-width: 600px) {
.amazon-media {
  width: 75%;
}

.video_container {
  display: table;
  width: 100%;
  height: 317px;
}
.box {
  display:block;
  width: 100%;
}
#first-box {
  display:table-caption;
  width: 100%;
  height: 317px;
}
#second-box {
  display:table-header-group;
  width: 100%;
  height: 317px;
  margin-left:0;
  margin-top: 20px;
}
	
#about-sr-header {
  margin-top: 50px;
}

.sr-frame {
  height: 850px;
}

.iframe-menu {
  height: 260px;
  width: 100%;
}
}