.color{
  	background-color: white;
   	margin: 1px ;
    border:1px solid #d9d9d9;  
}
iframe{
    display:none;
}

.textDiv{
  	
    font-size: 3vmin;
    text-align: center;
    cursor: pointer;
	color:#fff;
    padding: 5%;
	border: 3px dotted;
/*    border-radius: 5px;*/
    
   
}
.firstDiv{
   border-radius: 10px; 
}
    
.Div_1.col-md-2{
    width: 15%;
    border: 3px solid #a9a9a9;
}
.Div_1.col-xs-2{
    width: 50%;
    border: 3px solid #a9a9a9;
}
.Div_2{
    width: 60%;
    border: 3px solid #a9a9a9;
}
.full_content>.col-md-2,.full_content>.col-md-8{
      /*
        padding: 3% 0 3% 0;
        border-color: #ffa200;
        border-radius: 10px;
        box-shadow: 0px 3px 0px 0px black, 0 -3px 0px 0px black;
        height: 100%;*/
}

.outerDiv{
    border: 4px solid white;
    margin: 31% 5% 31% 5%;
	color: #EDEDED;
  	border-radius: 10px;
    background-color: #810d6e;
}

#container {
    padding-bottom: 10%;
    padding-top: 10%;
}
    



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
 .full_content>.col-md-2{
   /* min-height: 55px;*/
}
.Div_1.col-xs-10{
    width: 83.33%;
   
}
    .Div_2{
    width: 83.33%;
}
    .outerDiv{
   /*width: 60%;*/
    margin: 0;

}
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
	.full_content>.col-md-2{
    /*min-height: 70px;*/
}

}
/* Small Devices, Tablets */


@media only screen and (min-width: 768px) {
  .full_content>.col-md-2{
   /* min-height: 100px;*/
}
.outerDiv{
  
    margin: 31% 5% 31% 5%;
/*    width: 100%;*/
	
}.Div_1.col-xs-10{
    width: 15%;
   
}
        .Div_2{
    width: 60%;
}
}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
   .full_content>.col-md-2{
   /* min-height: 150px;*/
}
.Div_1.col-xs-10{
    width: 15%;
   
}
    .Div_2{
    width: 60%;
}
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
 .full_content>.col-md-2{
    /*min-height: 200px;*/
}

}