@media  (max-width: 364px) {

#fird div{
	display: inline-block;
}

#fird{
	width:295px;
	position: relative;
	bottom: 55px;
}

.gpp{
	width: 85px;
	height: 110px;
}

.gpt{
	width: 85px;
}

.gpd{
	width: 195px;
}

.cit{
	line-height: 1.3em;
	padding-right: 7px;
    font-family: Trebuchet MS;
    font-size: 15px;
    color: #292727;
    position: relative;
    top: 0px;
}

.cab{
	padding-right: 20px;
    font-family: "Arial";
    font-size: 7px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 8px;

}

.pres{
	position: relative;
	bottom: 70px;
	width: 273px;
	height: 423px;
	background-color: #DCDCDC;
  	border-radius: 12px;
}

.pret{
	position: relative;
	top: 14px;
	margin: 15px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 14.7px;
  padding-left: 10px;
}

.pre{
	position: relative;
	top: 8px;
	margin: 10px;
  font-family: Arial;
  color: #181818;
  font-size: 12px; 
  line-height: 1.5;
}

.tlse{
	width: 255px;
	position:relative;
	top: 6px;
}

.xyzz{
	position: relative;
	bottom: 85px;
}
	
.zzz{
	position: relative;
	bottom:95px;
}
			}


@media (min-width:365px) and (max-width: 480px) {

#fird div{
	display: inline-block;
}

#fird{
	width:350px;
	position: relative;
	bottom: 63px;
}

.gpp{
	padding-left: 4px;
	width: 110px;
	height: 140px;
}

.gpt{
	width: 110px;
}

.gpd{
	width: 230px;
}

.cit{
	line-height: 1.3em;
	padding-right: px;
    font-family: Trébuchet MS;
    font-size: 20px;
    color: #292727;
    position: relative;
    top: 5px;
}

.cab{
	padding-right: 20px;
    font-family: "Arial";
    font-size: 9px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 10px;

}

.pres{
	position: relative;
	bottom: 75px;
	width: 335px;
	height: 508px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 20px;
	margin: 15px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 19px;
  padding-left: 15px;
}

.pre{
	position: relative;
	top: 20px;
	margin: 15px;
  font-family: Arial;
  color: #181818;
  font-size: 14px; 
  line-height: 1.5;
}

.tlse{
	width: 310px;
	position:relative;
	top: 13px;
}

.xyzz{
	position: relative;
	bottom: 100px;
}
	
.zzz{
	position: relative;
	bottom:105px;
}

			}

@media (min-width: 481px) and (max-width: 620px) {

#fird div{
	display: inline-block;
}

#fird{
	width:460px;
	position: relative;
	bottom: 70px;
}

.gpp{
	padding-left: 10px;
	width: 140px;
	height: 190px;
}

.gpt{
	width: 140px;
}

.gpd{
	width: 305px;
}

.cit{
	padding-left: 10px;
    font-family: Trébuchet MS;
    font-size: 30px;
    color: #292727;
    position: relative;
}

.cab{
	padding-right: 20px;
    font-family: "Arial";
    font-size: 12px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 15px;

}

.pres{
	position: relative;
	bottom: 77px;
	width: 430px;
	height: 617px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 20px;
	margin: 15px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 23px;
  padding-left: 25px;
}

.pre{
	position: relative;
	top: 20px;
	margin: 15px;
  font-family: Arial;
  color: #181818;
  font-size: 18px; 
  line-height: 1.5;
}

.tlse{
	width: 390px;
	position:relative;
	top: 20px;
}

.xyzz{
	position: relative;
	bottom: 118px;
}
	
.zzz{
	position: relative;
	bottom:105px;
}
				}


@media (min-width: 621px) and (max-width: 767px) {

#fird div{
	display: inline-block;
}

#fird{
	width:605px;
	position: relative;
	bottom: 60px;
}

.gpp{
	padding-left: 12px;
	width: 200px;
	height: 250px;
}

.gpt{
	width: 200px;
}

.gpd{
	width: 380px;
}

.cit{
	padding-left: 8px;
    font-family: Trébuchet MS;
    font-size: 37px;
    color: #292727;
    position: relative;
}

.cab{
	padding-right: 25px;
    font-family: "Arial";
    font-size: 15px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 15px;

}

.pres{
	position: relative;
	bottom: 70px;
	width: 575px;
	height: 810px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 35px;
	margin: 15px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 32px;
  padding-left: 35px;
}

.pre{
	position: relative;
	top: 35px;
	margin: 20px;
  font-family: Arial;
  color: #181818;
  font-size: 23px; 
  line-height: 1.5;
}

.tlse{
	width: 530px;
	position:relative;
	top: 35px;
}

.xyzz{
	position: relative;
	bottom: 100px;
}

.zzz{
	position: relative;
	bottom: 85px;
}
				}


@media (min-width: 768px) and (max-width: 979px) {

#fird div{
	display: inline-block;
}

#fird{
	width:750px;
	position: relative;
	bottom: 40px;
}

.gpp{
	width: 240px;
	height: 305px;
}

.gpt{
	width: 240px;
}

.gpd{
	width: 490px;
}

.cit{
	padding-left: 5px;
    font-family: Trébuchet MS;
    font-size: 45px;
    color: #292727;
    position: relative;
}

.cab{
	padding-right: 15px;
    font-family: "Arial";
    font-size: 22px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 25px;

}

.pres{
	position: relative;
	bottom: 50px;
	width: 730px;
	height: 855px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 40px;
	margin: 30px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 30px;
  padding-left: 60px;
}

.pre{
	position: relative;
	top: 50px;
	margin: 30px;
  font-family: Arial;
  color: #181818;
  font-size: 25px; 
  line-height: 1.5;
}

.tlse{
	width: 680px;
	position:relative;
	top: 50px;
}

.xyzz{
	position: relative;
	bottom: 75px;
}

.zzz{
	position: relative;
	bottom: 60px;
}
				}


@media (min-width: 980px) and (max-width: 1199px) {

#fird div{
	display: inline-block;
}

#fird{
	width:950px;
}

.gpp{
	width: 280px;
	height: 345px;
}

.gpt{
	width: 280px;
}

.gpd{
	width: 625px;
}

.cit{
    font-family: Trébuchet MS;
    font-size: 52px;
    color: #292727;
    position: relative;
}

.cab{
	padding-right: 15px;
    font-family: "Arial";
    font-size: 22px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 25px;

}

.pres{
	width: 930px;
	height: 850px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 40px;
	margin: 30px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 30px;
  padding-left: 60px;
}

.pre{
	position: relative;
	top: 50px;
	margin: 30px;
  font-family: Arial;
  color: #181818;
  font-size: 25px; 
  line-height: 1.5;
}

.tlse{
	width: 850px;
	position:relative;
	top: 50px;
}

.xyzz{
	position: relative;
	bottom: 20px;
}

			}


@media (min-width: 1200px) {

#fird div{
	display: inline-block;
}

#fird{
	width: 1050px;
}

.gpp{
	width: 310px;
	height: 380px;
}

.gpt{
	width: 340px;
}

.gpd{
	width: 700px;
}

.cit{    
	font-family: Trébuchet MS;
    font-size: 58px;
    color: #292727;
    position: relative;
}

.cab{
	padding-right: 10px;
    font-family: "Arial";
    font-size: 22px;
    text-align: right;
    font-style: italic;
    color: #292727;
     position: relative;
    bottom: 25px;

}

.pres{
	width: 1030px;
	height: 840px;
	background-color: #DCDCDC;
  	border-radius: 15px;
}

.pret{
	position: relative;
	top: 40px;
	margin: 30px;
  font-family: Arial;
  text-align: left;
  color: #181818;
  font-size: 30px;
  padding-left: 60px;
}

.pre{
	position: relative;
	top: 50px;
	margin: 30px;
  font-family: Arial;
  color: #181818;
  font-size: 25px; 
  line-height: 1.5;
}

.tlse{
	width: 920px;
	position:relative;
	top: 60px;
}

.xyzz{
	position: relative;
	bottom: 20px;
}

.zzz{
	position: relative;
	bottom: 
}
			}