/************************************************************************************
smaller than 1680px
*************************************************************************************/
@media screen and (max-width: 1680px) {

	h1 {
	    font-size: 4.7vw;
	}

}

/************************************************************************************
smaller than 991px
*************************************************************************************/
@media screen and (max-width: 991px) {

	body {
	    font-size: 18px;
	}

	h1 {
	    font-size: 6.7vw;
	}
	h2 {
	    font-size: 35px;
	}
	h3 {
	    font-size: 22px;
	}

	h2 {
	    margin-bottom: 3rem;
	}

	a.b, input.b {
	    font-size: 18px;
	}


	div.row-flex {
	    flex-direction: column;
	}

	div.head div.text img {
	    display: block;
	}
	div.head img {
	    display: none;
	}
	div.head div.col img.stamp {
		display: block;
		max-width: 25%;
	}
	div.head div.text h1,
	div.head div.text p {
		max-width: 75%;
	}

	div.program {
	    padding: 4rem 0 16rem 0;
	    background: url('../img/bg-program.jpg') no-repeat left bottom -68px;
	}

	div.courses {
	    padding: 0 0 4rem 0;
	}
	div.courses div.row-flex div.col {
	    margin-top: 45px;
	    margin-bottom: 30px;		
	}
	div.courses div.course {
	    font-size: 20px;
	}
	div.courses div.course div.icon {
	    margin-top: -45px;
	}
	div.courses div.course div.icon img {
		max-width: 160px;
	}

	div.courses div.row-flex,
	footer div.row-flex {
	    flex-direction: row;
	}

	div.who div.content {
	    padding: 8rem 0;
	}
	div.who div.icons {
	    margin: 3rem 0;
	}
	div.who div.icons div.icon {
	    min-width: 120px;
	}
	div.who img.img-who {
	    bottom: 0;
	}

	div.testimonials {
	    padding: 6rem 0;
	}
	div.testimonials div.testimonials-carousel {
	    padding: 0;
	}
	div.testimonials div.testimonial {
	    margin: 25px;
	    padding: 50px 25px;
	}

	div.why {
	    padding: 0 0 4rem 0;
	}

	div.why div.block {
	    max-width: 100%;
	}

	div.why div.block div.icon {
	    flex: 0 0 70px;
	    padding-right: 15px;
	}

	footer div.footer-top {
	    padding: 8rem 0 2rem 0;
	}

}

/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 768px) {

	body {
	    font-size: 16px;
	}

	a.b, input.b {
	    font-size: 16px;
	}

	header {
		padding-bottom: 43px;
	}
	header div#logo img {
		width: 140px;
	}
	header div.social a {
	    margin-left: 15px;
	}
	header div.social a.b {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		left: 0;
		margin-left: 0;
		padding: 2px 12px;
		height: auto;
		line-height: 1.5;
	}

	div.head {
	    margin-top: 87px;
	}

	div.program form {
	    padding: 15px;
	}

	div.courses div.course {
	    font-size: 18px;
	}
	div.courses div.row-flex,
	footer div.row-flex {
	    flex-direction: column;
	}

	footer {
		text-align: center;
	}
	footer div.footer-top {
	    padding: 4rem 0 2rem 0;
	}
	footer div.footer-top div.copy,
	footer div.footer-top div.menu {
	    max-width: 100%;
	}
	footer div.footer-top div.menu {
		margin: 2rem 0 3rem 0;
	}
	footer div.footer-top div.menu div.title {
	    margin-bottom: 1.5rem;
	}

	footer div.footer-top div.copy div.title:before {
	    left: 50%;
	    transform: translateX(-50%);
	}
	footer div.footer-top div.copy div.title:after {
	    left: 50%;
	    transform: translateX(-50%);
	    margin-left: 18px;
	}

	footer div.footer-bottom .right {
		text-align: center;
		margin-top: 20px;
	}

}


/************************************************************************************
smaller than 580px
*************************************************************************************/
@media screen and (max-width: 580px) {

	div.who div.icons {
	    max-width: 100%;
	}
	div.who img.img-who {
	    bottom: -8rem;
	    min-width: inherit;
	    max-width: 50%;
	}

}