Big problem with font

This is my website http://balkan-tourism.com/ and finaly I completed create third widget on my side but font did not work. Scroll down and look left, I want my third widget move up. Here is my code about third widget in functions.php sidebar.php and style.css please help me, why I can’t change my third widget front and move up. I will create child theme later. thank you.

register_sidebar( array(
		'name' => __( 'Third Front Page Widget Area', 'twentythirteen' ),
		'id' => 'sidebar-front-third',
		'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	) );
}

sidebar

if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
	<div id="secondary" class="sidebar-container" role="complementary">
		<div class="widget-area">
			<?php dynamic_sidebar( 'sidebar-1' ); ?>
		</div><!-- .widget-area -->
<?php if ( is_active_sidebar( 'sidebar-front-third' ) ) : ?>
	<div class="third front-widgets">
		<?php dynamic_sidebar( 'sidebar-front-third' ); ?>
	</div><!-- .third -->
	<?php endif; ?>
	</div><!-- #secondary -->
<?php endif; ?>

and style.css I put my code in * 8.0 Media Queries

@media screen and (max-width: 999px) {
	.template-front-page.two-sidebars .widget-area .front-widgets,
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right !important;
		width: 30.3% !important;
		margin-left: 5.5% !important;
		margin-right: 5.5% !important;
    }
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: none !important;
	}
	.template-front-page .widget-area .widget:nth-child(3n+3) {
		clear: left;
	}
}

[ Duplicate thread – http://ww.wp.xz.cn/support/topic/left-and-right-sidebar-widget?replies=8&view=all ]