.container{
                margin:0px auto;
                position: absolute;
                margin-left:250px;
            }
            
	        .bingkai{
                border: 5px solid #DB3434;
                width: 800px;
                height: 975px;
                
            }
            body{
                background-color: #f85b0e;
            }
 
            .kepala{
                width: 809px;
                height: 50px;
                background-color: #DB3434;
                border-radius: 3px 3px 0 0;
            }
 
            .kepalatext{
                color: #ffffff;
                text-align: center;
                font-size: 13pt;
                font-family: Century;
                padding-top: 12px;
            }
            
            .kepalatext:hover{
                color: #e74c3c;
            }
 
            .badan{
                width: 810px;
                height: 1080px;
                background-color: #ffffff;
                border-radius: 3px;
                box-shadow: 6px 6px 0 0 #ffffff;
            }
 
            .namadepan{
                font-family: Century;
                font-size: 13pt;
                width: 350px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
 
            .namabelakang{
                font-family: Century;
                font-size: 13pt;
                width: 350px;
                height: 35px;
                border: 1px solid #2980b9;
                margin-left: 10px;
                margin-top: 10px;
                padding-left: 5px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .tempatlahir{
                font-family: Century;
                font-size: 13pt;
                width: 415px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
 
            .email{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                margin-left: 15px;
                margin-top: 10px;
                padding-left: 5px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
 
            .jeniskelamin{
                font-family: Century Ghotic;
                color: #000000;
                margin-top: 10px;
                margin-left: 13px;
		font-size:13pt;
                width: 435px;
                height: 15px;
                position: relative;
                top: 5px;
                display: compact;
            }
 
            .daftar{
                background-color: #474443;
                color: #ffffff;
                margin-top: -10px;  
                margin-left: 120px;
                width: 415px;
                height: 40px;
                border: 2px solid #3498db;
                border-radius: 5px;
                font-family: Century;
                font-size: 18pt;
            }
            
            .daftar:hover{
                background-color: #e74c3c;
                color: #ffffff;
            }
 
            .bawah{
                margin-top: 58px;
                width: 805px;
                height: 80px;
                background-color: #DB3434;
                border-radius: 0 0 3px 3px;
            }
	    .kelamin{
                margin-top: 58px;
                width: 710px;
                height: 80px;
                background-color: #DB3434;
                border-radius: 0 0 3px 3px;
            }
	    .alamat{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 15px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .pendidikanterakhir{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .telp{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .pekerjaan{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .tinggi{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .beratbadan{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
            .bahasaasing{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .prestasi{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
	    .hobby{
                font-family: Century;
                font-size: 13pt;
                width: 710px;
                height: 35px;
                border: 1px solid #2980b9;
                padding-left: 5px;
                margin-top: 10px;
                margin-left: 15px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
 
            .konfpass{
                font-family: Century;
                font-size: 13pt;
                width: 415px;
                height: 35px;
                border: 1px solid #2980b9;
                margin-left: 15px;
                margin-top: 10px;
                padding-left: 5px;
                display: compact;
                box-shadow: #95a5a6;
                border-radius: 5px;
            }
 
            .footertext{
                margin-top: 30px;
                text-align: center;
                font-family: Century Ghotic;
                font-size: 13pt;
                color: #ffffff;
            }
 
            .tgllahir{
                font-family: Century Ghotic;
                font-size: 12pt;
                color: #000000;
                border: 1px solid #3498db;
                margin-left: 15px;
                height: 30px;
                margin-right: -18px;
				margin-top: 10px;
 
            }
 
            .tgllahirtext{
                margin-left: 12px;
                color: #000000;
                font-family: Century Ghotic;
                font-size: 12pt;
                text-align: left;
            }
			.jeniskelamintext{
                margin-left: 12px;
                color: #000000;
                font-family: Century Ghotic;
                font-size: 12pt;
                text-align: left;
            }
			.dataformal{
                margin-left: 12px;
                color: #000000;
                font-family: Century Ghotic;
                font-size: 13pt;
                text-align: left;
            }
			.persyaratancasting{
                margin-left: 12px;
                color: #000000;
                font-family: Century Ghotic;
                font-size: 12pt;
                text-align: left;
            }
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* untuk ukuran layar 700px kebawah */
@media screen and (max-width: 320px) {
	
	.header, 
	.footer{
		text-align: center;
	}
	.bingkai{
		width: 287px;
		height:auto;
		float: left;
	}
	
	.container{
		width: 297px;
		height:auto;
		margin-left:5px;
	}
	
	.kepala {
		width: 297px;
		height:auto;
		float: left;
	}
	.kepalatext{
        color: #ffffff;
        text-align: center;
        font-size: 10pt;
        font-family: Century;
        padding-top: 11px;
    }
	.badan{
		width: 297px;
		height:auto;
		float: left;
	}
	.namadepan{
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.namabelakang {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.tgllahirtext{
		float: left;
		width: 200px;
		margin-left: 10px;
               
	}
	.tempatlahir {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.email {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.jeniskelamin {
		float: left;
		width: 200px;
		margin-left: 10px;
	}
	.daftar {
		float: left;
		width: 200px;
		margin-left: 10px;
	}
	.bawah {
		float: left;
		width: 200px;
		margin-left: 10px;
	}
	.kelamin {
		float: left;
		width: 200px;
		margin-left: 10px;
	}
	.pendidikanterakhir {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.jeniskelamin {
		float: left;
		width: 200px;
		margin-left: 10px;
	}
	.telp {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.pekerjaan {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.tinggi {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.beratbadan {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.prestasi {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.hobby {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.bahasaasing {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	.bahasaasing {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
	
        .alamat {
		float: left;
		width: 200px;
		margin-left: 10px;
                font-size: 10pt;
	}
        .persyaratancasting{
		float: left;
		width: 200px;
		margin-left: 10px;
	}
        .persyaratancasting2{
		float: left;
		width: 280px;
		margin-left: 10px;
	}
        .bawah {
		width: 270px;
		height:auto;
                float:left;
	}