@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px) {
    html, body {
		font-family: "Helvetica Neue", 'NexaBold', 'Roboto', Arial, Gotham, sans-serif;
    }
}


@media screen and (max-width:1800px) {
    html, body {
        font-size:16px;
    }
}

@media screen and (max-width:1700px) {
    html, body {
        font-size:15px;
    }
}


@media screen and (max-width:1600px) {
    html, body {
        font-size:14px;
    }
	.header {
		height: 6rem;
	}

	.logo-01, .logo-02 {
		height: 4rem;
	}
}

@media screen and (max-width:1500px) {
    html, body {
        font-size:14px;
    }
}


@media screen and (max-width:1400px) {
    html, body {
        font-size:14px;
    }
	

}


@media screen and (max-width:1280px) {
    html, body {
        font-size:14px;
    }

}

@media screen and (max-width:1180px) {
    html, body {
        font-size:13px;
    }
	
}

@media screen and (max-width:980px) {
    html, body {
        font-size:13px;
    }

	h2 {
		width:100%;
	}

	.content {
		width: 40%;
		height: auto;
	}
}


@media screen and (max-width:900px) {
	
	html, body {
		font-size:14px;
	}
	
	
	
	
}


@media screen and (max-width:800px) {

	html, body {
		font-size:14px;
	}

}


@media screen and (max-width:750px) {

	html, body {
		font-size:14px;
	}
	
	.left-container {
		width: 100%;
		min-height: 500px;
		height: 600px;
	}
	
	.right-container {
		width: 100%;
		min-height: auto;
		height: auto;
		overflow: auto;
		float: left;
	}


	.form {
		margin-top: 3rem;
		padding-bottom: 4rem;
	}

}

@media screen and (max-width:550px) {

	html, body {
		font-size:13px;
	}
	
	.left-container {
		width: 100%;
		min-height: 300px;
		height: 400px;
	}
	
}


@media screen and (max-width:450px) {

	html, body {
		font-size:12px;
	}
	
	.left-container {
		width: 100%;
		min-height: 200px;
		height: 350px;
	}
	
}


@media screen and (max-width:400px) {

	html, body {
		font-size:11px;
	}

}