﻿body
{
	background-color: #fff0 !important;
}
hr {
    margin-top: 1px !important;
    margin-bottom: 20px;
    border-top: 3px solid #e53935 !important;
    width:25%;
    }
   

.vta
{
width:60%;
}
.imgfam
{
width: 150px;
border-radius: 14px;
/*padding-top: 33px;*/
padding-right: 11px;
padding-left: 8px;}
/*.fam{
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
  
}*/
 .fam
{
   width:100%;
   }

  .fam tr {
    border: 0px solid #ddd;
  }


  .fam td{
  border: 0px solid #ddd;

  }

  .fam th {
    text-transform: uppercase;
    letter-spacing: 1px;
  }
.famtab
{
width:90%;
margin-top: 4%;
margin-bottom: 6%;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.61);
border-radius: 10px;
padding: 10px;
}
.famtd2
{
padding-bottom: 20px;
    padding-right: 15px;
   width:73%;
   }
   .famtd1
   {
width:27%;
}
.tab1
{
width: 80%;
margin-top: 4%;
margin-bottom: 6%;
border-radius: 7px;
padding: 10px;
background-color: #757575;
}

h3, .h3
{
	font-size: 27px !important;
font-family: classica-pro, serif !important;
font-style: normal !important;
font-weight: 300 !important;
color: #e53935 !important;
}

h4, .h4
{
font-size: 26px !important;
font-family: classica-pro, serif !important;
font-style: italic !important; 
font-weight: 300 !important;
line-height:8px !important;


}
.h3_2
{
	font-size: 30px !important;
font-family: classica-pro, serif !important;
font-style: normal !important;
font-weight: 300 !important;
color: #e53935 !important;
padding-left: 10% !important
}

.h4_2
{
font-size: 26px !important;
font-family: classica-pro, serif;
font-style: italic; 
font-weight: 300;
line-height:8px;
color:#fff !important;

}
.Bd_1x1
{
background-color:#757575;
color:#fff;

}
.img_1x1
{
border: 25px solid #fff;
width:45%;
	-webkit-box-shadow: 0px 0px 14px 1px rgba(135,135,135,1);
-moz-box-shadow: 0px 0px 14px 1px rgba(135,135,135,1);
box-shadow: 0px 0px 14px 1px rgba(135,135,135,1);
}
.td_1x1
{
border-bottom: 1px solid #e53935;
padding:20px;
text-align: justify;
}
@media (min-width: 700px) and (max-width: 1200px) {
.vta
{
width:90% !important;

}
   .famtd1, .famtd2
   {
width:100%;
}

.famtab {
    width: 100%;
    }
.fam {
      border: 0;
    }


    .fam tr {
      margin-bottom: 10px;
      display: block;
    }

    .fam td {
      display: block;
      text-align: center;

    }

    .fam td:last-child {
      border-bottom: 0;
    }

    .fam td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }    }
    @media (min-width: 321px) and (max-width: 699px) {

   .famtd1, .famtd2
   {
width:100%;
}

.vta
{
width:100% !important;
background-color:red !important;
}
.fam {
      border: 0;
    }


    .fam tr {
      margin-bottom: 10px;
      display: block;
    }

    .fam td {
      display: block;
      text-align: center;

    }

    .fam td:last-child {
      border-bottom: 0;
    }

    .fam td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }  

@media (max-width: 320px) {
.famtab {
    width: 99%;
    margin-top: 4%;
    margin-bottom: 6%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.61);
    border-radius: 10px;
    padding: 10px;
}
   .famtd1, .famtd2
   {
width:100%;
}

.tab1 {
   width: 80%;
margin-top: 4%;
margin-bottom: 6%;
border-radius: 7px;
padding: 10px;
background-color: #757575;
}
.fam {
      border: 0;
    }


    .fam tr {
      margin-bottom: 10px;
      display: block;
    }

    .fam td {
      display: block;
      text-align: center;

    }

    .fam td:last-child {
      border-bottom: 0;
    }

    .fam td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }  