﻿<style>


.clearfix2::after{
	content: "";
	display: block;
	clear: both;	
}

.wrapper2 {
	max-width: 1024px;
	padding: 0 30px;
	margin: 0 auto;
	
}


nav {
	background: #339bd4;
	width: 80%;
	height: auto;
	}

.menu2 {
	position: relative;
	width:30%;
	}

.menu2 li {
	float: left; /* пункты меню в ряд */
	list-style: none;
}

.menu2 li a {
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
	font-size:25px;
	color: #FFFFFF;
	
}

.menuBurger {
	padding: 10px 15px;
	display: none;      /* кнопка гамбургер скрыта */
	cursor: pointer;
}

#menuCSS2 {
		display: none;		
	}

@media screen {
    .menu2 {
        display: none; /* пункты меню скрыты */
		background: #339bd4;
		position: relative;
		z-index: 1;
		width: 100%;
		height: auto;
		
	}
	
	.menu2 li {
	    float: none; /* пункты меню в столбцах */
    }
	
	.menuBurger {
	    display: inline-block; /* иконка гамбургер видна */
    }
	
	#menuCSS2:checked + .menu {
		display: block;
	}
}



   a {
    color: #ffffff; /* Цвет обычной ссылки */ 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   }
   a:visited {
    color: #ffffff; /* Цвет посещённой ссылки */
   } 

	


</style>

<style>
@media screen and (min-width:176px) and (max-width:280px) {
.mini-header3 {width:100%;height:10%;} 
}
@media screen and (min-width:281px) and (max-width:319px) {
.mini-header3 {width:100%;height:10%;} 
}

@media screen and (min-width:320px) and (max-width:374px) {
.mini-header3 {width:100%;height:10%;}  
}

@media screen and (min-width:375px) and (max-width:413px) {
.mini-header3 {width:100%;height:10%;}
}
@media screen and (min-width:414px) and (max-width:450px) {
.mini-header3 {width:100%;height:10%;} 
}

@media screen and (min-width:451px) and (max-width:720px) {
.mini-header3 {width:100%;height:10%;}
}
@media screen and (min-width:721px) and (max-width:1280px) {
.mini-header3 {width:100%;height:10%;} 
}
@media screen and (min-width:1281px)  {
.mini-header3 {width:100%;height:10%;} 
}

</style>