.power-of-style .text-left span {
	display: block;
	max-width: 30vw;
}
#structure h2 {
	text-align: left;
}
@media screen and (max-width:1009px) {
	body {
		font-size: 7px !important;
	}
	footer .author {
		font-size: 12vw;
		text-align: center;
		padding: 10vw 0 10vw;
	}
	.power-of-style .author, .power-of-style h1, .power-of-style .text-join, .power-of-style .text-left {
        margin-top: 30px;
        margin-bottom: 30px;
    }
	.power-of-style .image {
		left: 5px;
	    width: 200px;
		height: 500px;
	    top: 270px;
	    transform: none;
		margin-bottom: 0px;
		margin-top: 100px;
		margin-right: 5px;
	}
	.power-of-style__wrapper {
		display: flex;
		flex-wrap:wrap;
		flex-direction: column;
    	min-height: 600px;
	}
	.power-of-style .author {
		order: 1;
		margin-top: 5px;
		font-size: 5vh;
		padding-left: 5px;
	}
	h1 {
		order: 2;
		width: 100%;
		height: 20px;		
		text-align: center;
		padding-left: 5px;
		margin-top: 20px;
		margin-bottom: 20px;
		
	}	
	
	.price {
		order: 3;
		font-size: 3vh;
		margin-left: 5vw;
		margin-top: 15vh;
		animation: fadeIn 2s ease-out;		
		margin-bottom: 0;
	}
	
	.power-of-style .text-left {
		order: 5;
	    max-width: 100%;
	    padding: 0;
	    margin: 35px 0 45px;
	    font-size: 2.05em;
	    padding-right: 10px;
	    font-family: "OpenSans";
	    font-weight: 400;
		animation: bounce-in-right 2s ease-out;
	}
	
	@keyframes bounce-in-right {
		0% {
			opacity: 0;
			transform: translateX(2000px);
		}
		60% {
			opacity: 1;
			transform: translateX(-30px);
		}
		80% { transform: translateX(10px); }
		100% { transform: translateX(0); }
	}
	
	@keyframes bounce-in-left {
		0% {
			opacity: 0;
			transform: translateX(-2000px);
		}
		60% {
			opacity: 1;
			transform: translateX(30px);
		}
		80% { 
			transform: translateX(-10px);
		}
		100% { 
			transform: translateX(0);
		}
	}
	
	.bounce-in-left {
		animation: bounce-in-left 2s ease-out;
	}
	
	
	@keyframes bounce-in {
		0% {
			opacity: 0;
			transform: scale(.3);
		}
		50% {
			opacity: 1;
			transform: scale(1.05);
		}
		70% { transform: scale(.9); }
		100% { transform: scale(1); }
	}
	
	.power-of-style .text-left:after {
		content:' ';
		width: 105px;
		height: 1px;
		background: #000;
		margin:20px 15px 0 auto;
		display: block;
	}
	
	.power-of-style .text-left span {
		max-width: 45%;
		margin-left: auto;
	}
	
	.power-of-style .social-networks {
		order:6;
		margin:0 0 0 auto;
		gap:10px;
		width: 100%;
		align-items: flex-end;
		padding-right: 40px;		
		animation: bounce-in-right 2s ease-out;
	}
	
	.social-networks img {
		max-width: 40px;
	}
	
	.social-networks li:last-child img {
		width: 36px;
		height: 33px;
	}
	
	@keyframes fadeIn {
		0%, 100% {transform: translateX(0);}
		10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
		20%, 40%, 60%, 80% {transform: translateX(10px);}
	}

	@keyframes bounce {
		0%, 100% { transform: translateY(20px); }
		50% { transform: translateY(-20px); }
	}
	
	.power-of-style .text-join {
		margin-top: 4vh;
		order:4;
		width: 100%;		
    	text-align: center;		
		margin-right: 0px;
		margin-left: 0px;
		animation: fadeIn 2s ease-out;
		margin-bottom: 100px;
	}
	
	.bounce {
		animation: bounce 2s ease-in-out;
	}
	
	.bounce-in {
		animation: bounce-in 2s ease-in-out;
	}
	
	.bounce-in-right {
		animation: bounce-in-right 2s ease-in-out;
	}
	
	.power-of-style .text-join a {	
		font-size: 32px;		
		line-height: 1;
		display: block;    	
    	text-align: center;
		margin-right: 15px;
		margin-left: 15px;
		padding-bottom: 10px;
		padding-top: 10px;		
	}
	
	.botton-join {
		margin-top: 7vh;
		order:4;
		width: 100%;		
    	text-align: center;		
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 100px;
		animation: fadeIn 2s ease-out;
	}
	
	.botton-join a {	
		font-size: 32px;		
		line-height: 1;
		display: block;    	
    	text-align: center;
		margin-right: 15px;
		margin-left: 15px;
		padding-bottom: 10px;
		padding-top: 10px;		
	}
		
	.power-of-style .text-right {
		order:7;
		width: 100%;
		margin-top: 120px;
		padding:0 10px 0 50px;
		animation: bounce-in 2s ease-out;
	}
	
	.text-right span:after {
		width: 200vw;
		right:-50vw;
	}
	
	header svg {
		width: 30px;
		height: 32px;
	}
	header {
		padding: 14px 12px;
	}
	main {
		margin-top: -22px;
	}
	.structure__wrapper {
		width: 100%;
		padding:0 10px 0 50px;
	}
	#structure h2 {
		margin: 5px 0 35px;
	    text-transform: none;
	    font-size: 5.3em;
	}
	.structure ul {
		column-count: 1;
		margin:0 ;
		font-size: 2.3em;
		line-height: 1.1;
		/*background: url(images/clip.png) no-repeat left -15px;*/
		background-size: calc(100% + 15px) calc(100% + 30px);
		position: relative;
		z-index: 2;
	}
	.order-1 {
		animation: bounce-in-right 2s ease-out;
	}
	.order-2 {
		animation: bounce-in-left 2s ease-out;
	}
	.order-3 {
		animation: bounce-in-right 2s ease-out;
	}
	.order-4 {
		animation: bounce-in-left 2s ease-out;
	}
	.order-5 {
		animation: bounce-in-right 2s ease-out;
	}
	.order-6 {
		animation: bounce-in-left 2s ease-out;
	}
	.order-7 {
		animation: bounce-in-right 2s ease-out;
	}
	.order-8 {
		animation: bounce-in-left 2s ease-out;
	}
	.order-9 {
		animation: bounce-in-right 2s ease-out;
	}
	.order-10 {
		animation: bounce-in-left 2s ease-out;
	}
	.add-info-order-1 {
		animation: bounce-in-right 2s ease-out;
	}
	.add-info-order-2 {
		animation: bounce-in-left 2s ease-out;
	}
	.add-info-order-3 {
		animation: bounce-in-right 2s ease-out;
	}
	.add-info-order-4 {
		animation: bounce-in-left 2s ease-out;
	}
	.add-info-order-5 {
		animation: bounce-in-right 2s ease-out;
	}
	.add-info-title {
		animation: bounce-in 2s ease-out;
	}
	.structure ul span {
		display: block;
		margin:0 0 3px;
		font-size: 1.25em;
	}
	.structure li {
		gap:12px;
		margin:0 0 30px;
	}
	.structure li:last-child {
		margin: 0;
	}
	.structure {
		padding: 45px 0 25px;
	}
	.buy-course {
		margin: 70px 0 90px;
	    font-size: 32px;
	    margin-left: -70px;
	    padding: 15px 20px;
	}
	.structure .image {
		width: 345px;
		right: -70px;
		bottom: 0px;
	}
	.course-duration {
		font-size: 20px;
	    position: relative;
	    z-index: 3;
	    margin-top: 30px;
	    display: block;
	    text-align: center;
	    margin-left: 0;
	}
	.course-duration-price {
		font-size: 20px;
	    position: relative;
	    z-index: 3;
	    margin-top: 30px;
	    display: block;
	    text-align: center;
	    margin-left: 0;
	}
	.power-of-style {
    	padding-bottom: 70px;
	}
}

@media screen and (max-width: 768px) {
	h1 {
	    font-size: 4.8em;
    	font-weight: 600;
	}
	.price {
		order: 3;
	font-size: 3vh;
	margin-left: 5vw;
		margin-top: 6vh;
		animation: fadeIn 2s ease-out;		
		margin-bottom: 0;
}
	.power-of-style .image {
		left: 5px;
	    width: 200px;
		height: 500px;
	    top: 200px;
	    transform: none;
		margin-bottom: 0px;
		margin-top: 100px;
		margin-right: 5px;
	}
	.power-of-style .text-right {
		order:7;
		width: 100%;
		margin-top: 100px;
		padding:0 10px 0 50px;
		animation: bounce-in 2s ease-out;
	}
}
@media screen and (max-width:400px) {

}