.MainPanel
{
      height: 100%;
      width: 100%;
      background-color:white;
      position: relative;
/*      background-image: url('../../Images/TextPageBackgound.png');*/
      background-size: cover;
}
.MainHeader
{
    color: white;
    z-index: 1;
    background-color: rgba(255, 183, 187,1);
    width: 100%;
  
    text-align: left;
}
.MainHeaderText {
    font-size: 1.4vw;
}
.AboutUsTextBlock {
    border: dashed rgba(255, 183, 187,1) 2px;
    border-radius: 12px;
    padding: 1vw;
}
.TextDiv {
    padding: 0 27vw 0 5.5vw;
    display: block;
    font-weight: 300;
    font-size: 1.4vw;
    text-align: justify;
    color: black;
    user-select: none;
}
.pinkTextColor {
    color: rgb(255, 102, 114);
    background-color: rgba(255,255,255,.7);
}
.InTextLink {
    background-color: rgba(255, 183, 187,1);
    border-radius: 13px;
    pointer-events: all;
    text-transform: uppercase;
    color: black;
}
.InTextLink:hover
{
  background-color: white;
  color: rgba(255, 102, 114, 1);
}
@media screen and (max-width:1280px)
{

    .TextDiv
    {
        padding: 0 27vw 0 6.5vw;
    }
}
@media screen and (max-width:1024px)
{

    .TextDiv
    {
        padding: 0 27vw 0 4.5vw;
    }
}
@media screen and (max-width:800px)
{
    .MainHeaderText {
        font-size: 2.8vw;
    }
  .TextDiv
    {
        font-size: 2.8vw;
        padding: 0 8.5vw 0 8.5vw;
    }
}
@media screen and (max-width:455px)
{
    .MainHeaderText {
        font-size: 3.8vw;
    }
  .TextDiv
  {
    font-size: 3.8vw;
    padding: 0 15.5vw 0 15.5vw;
  }
 

}
@media screen and (max-height:455px)
{
    .MainPanel
{
      height: 115%;
}
    .MainHeaderText {
        font-size: 3.8vh;
    }
  .TextDiv 
  {
    font-size:  3.8vh;
    padding: 0 15.5vw 0 10.5vw;
  }
 
 
}