input.MyButton {
                width: 70%;
                padding: 10px 5px;
                cursor: pointer;
                font-size: 150%;
                background: #3366cc;
                color: #fff;
                border: 0px;
                border-radius: 10px;
                -moz-box-shadow: : 6px 6px 5px #999;
                -webkit-box-shadow: : 6px 6px 5px #999;
                box-shadow: : 6px 6px 5px #999;
                white-space: normal;
                transition: 0.5s;
            }
            input.MyButton:hover {
                color: #fff;
                background: #234eae;
                -moz-box-shadow: : 5px 5px 4px #adadad;
                -webkit-box-shadow: : 5px 5px 4px #adadad;
                box-shadow: : 5px 5px 4px #adadad;
            }
            input.MyButton2 {
                width: 80%;
                padding: 10px 10px;
                cursor: pointer;
                background: #dd3333;
                color: #fff;
                border: 0px;
                border-radius: 10px;
                -moz-box-shadow: : 6px 6px 5px #999;
                -webkit-box-shadow: : 6px 6px 5px #999;
                box-shadow: : 6px 6px 5px #999;
                white-space: normal;
                transition: 0.5s;
				font-size: 22pt;
				font-weight: 300;
				font-family: Open Sans;" 
            }
            input.MyButton2:hover {
                color: #000;
                background: #3afcdf;
                -moz-box-shadow: : 5px 5px 4px #adadad;
                -webkit-box-shadow: : 5px 5px 4px #adadad;
                box-shadow: : 5px 5px 4px #adadad;
            }
            input.btngreen {
                background: #4bbb01;
            }
            input.btngreen:hover {
                background: #3a8c05;
            }
            input.btndark {
                background: #167777;
            }
            input.btndark:hover {
                background: #073a3a;
            }
            input.tesbtn {
                -moz-box-shadow: : 6px 6px 5px #999;
                -webkit-box-shadow: : 6px 6px 5px #999;
                box-shadow: : 6px 6px 5px #999;
                white-space: normal;
                transition: 0.5s;
            }
            input.tesbtn:hover {
                -moz-box-shadow: : 5px 5px 4px #adadad;
                -webkit-box-shadow: : 5px 5px 4px #adadad;
                box-shadow: : 5px 5px 4px #adadad;
            }

            .row {
                margin: auto}	

            
            .bgm {
                text-align:center;
                padding:100px 0;
                background-color:#f1f1f1;
            }			

            .custom-bullet li {
                display: block;
            }

            .custom-bullet li:before
            {
                /*Using a Bootstrap glyphicon as the bullet point*/
                content: "\e013";
                font-family: 'Glyphicons Halflings';
                float: left;
                margin-top: 4px;
                margin-left: -24px;
                color: #00ffe1;
            }


            .times {
                padding:10px 0 0;
                text-align:center;
                font-family:Open Sans;
                font-size: 30pt;
                line-height:20pt;
                color:white;
            }
            .smalltext {
                font-size:12px;
                font-family: Open Sans;
            }
            .textwhite {
                color:white;
            }
					
			.judul-main{
				font-size: 49px;
				font-family: open sans;
				letter-spacing: -1.3px;
				font-weight: 900;
				line-height: 60px;
				padding: 0px 90px 0px 90px;
			}
			.judul-main2{
				font-size: 45px;
				font-family: open sans;
				letter-spacing: -1.3px;
				font-weight: 300;
			}
			.subjudul-main{
				font-size: 35px;
				font-family: open sans;
				letter-spacing: -1.3px;
				font-weight: bold;
				color:#00ffe1;
				padding: 0px 90px 0px 90px;
			}
			.subjudul-main2{
				font-size: 32px;
				font-family: open sans;
				letter-spacing: -1px;
				font-weight: 300;
				color:#fff;
				line-height:45px;
			}
			.subjudul-main3{
				font-family:open sans; 
				font-weight: 400;
				font-size:23px
			}
			.subjudul-isi0{
				font-size:50px;
				font-family: Lato;
				font-weight: 900;
				color:#00aaad;
			}
			.subjudul-isi{
				font-size:42px;
				font-family: Lato;
				font-weight: 900;
				color:#00aaad;
			}
			.subjudul-isi-big{
				font-size:60px;
				font-family: Lato;
				font-weight: 900;
				color:#dd4b4b;
			}
			
	@media screen and (max-width: 768px){
		body{
			font-size: 13px;
		}
		.judul-main{
			font-size: 27px;
			line-height: 33px;
			padding: 0px 5px 0px 5px;
		}
		.judul-main2{
			font-size: 25px;
			}
		.subjudul-main{
			font-size: 24px;
			padding: 0px 5px 0px 5px;
			}
		.subjudul-main2{
			font-size: 20px;
			line-height:27px;
			}	
		input.MyButton2 {
                font-size: 18px;
            }	
		.subjudul-main3{
				font-size:18px
			}
		.subjudul-isi0{
				font-size:27px;
			}
		.subjudul-isi{
				font-size:25px;
			}
		.subjudul-isi-big{
				font-size:30px;				
			}
		
		
	}
	
	@media screen and (max-width: 480px){
		body{
		font-size: 12px;
		}
		
		.judul-main{
			font-size: 25px;
			line-height: 30px;
			padding: 0px 5px 0px 5px;
		}
		.judul-main2{
			font-size: 23px;
			}
		.subjudul-main{
			font-size: 22px;
			padding: 0px 5px 0px 5px;
			}
		.subjudul-main2{
			font-size: 18px;
			line-height:25px;
			}	
		input.MyButton2 {
                font-size: 18px;
            }	
		.subjudul-main3{
				font-size:18px
			}
		.subjudul-isi0{
				font-size:25px;
			}
		.subjudul-isi{
				font-size:23px;
			}
		.subjudul-isi-big{
				font-size:27px;				
			}
		
	}