@media screen and (max-width: 768px){
	header .logo{
		float: none;
		margin:0 auto;
		max-width: 145px;
	}

	header .main-title{
		float: none;
		margin: 14px auto;
	}

	header .main-title h2 {
	    font-size: 21px;
	    max-width: 311px;
	    line-height: 27px;
	    margin: 0 auto;
	    text-align: center;
	}

	.main {
	    margin-top: 30px;

	}

	.content-curso .info-title {
	    float: none;
	}

	.content-curso .info-title h2 {
	    font-size: 21px;
	    line-height: 27px;
	    margin: 0 0 10px;
	}

	.content-curso .info-title h2 strong {
		width: 114px;
	}

	.content-curso .date {
	    font-size: 16px;
	    margin-left: 115px;
	}

	.cronograma {
	    float: none;
	    margin-top: 35px;
	}

	.cronograma span {
	    font-size: 22px;
	}

	.cronograma h3 {
	    font-size: 16px;
	}

	.local span {
	    font-size: 22px;
	}

	.local {
	    margin-top: 15px;

	}

	.video {
	    position: relative;
	    right: 0;
	    margin: 35px auto 0;
	    text-align: center;
	}

	.content-curso{
		background-size: cover;
		padding: 20px;
	}

	.cadastro {
	    margin-top: 10px;
	}

	.cadastro .col-1 {
	    float: none;
	    width: auto;
	    padding: 20px;
	    margin-bottom: 20px;
	}

	.cadastro .col-1 p {

	    text-align: center;
	    font-size: 16px;
	    line-height: 23px;

	}

	.cadastro .col-2 {
	    float: none;
	    padding: 0 20px;
	    width: auto;
	}

	header .main-title:after{
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

}

@media screen and (max-width: 440px){
	.content-curso .date {
	    font-size: 16px;
	    margin-left: 0;
	}

	.content-curso .info-title h2 strong {
	    width: auto;
	    float: none;
	    display: inline;
	}

	.content-curso .info-title h2 span {
	    float: none;
	}

	.content-curso .info-title h2 span br{
		display: none;
	}

	.popup-inner iframe{
		height: 250px;
	}

	header .main-title:after{
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		background-size: 300px auto;
		text-align: center;
		max-width: 300px;
	}
}