/* Комментарий к CSS */
.header_name {
 font-size: 20px; 
 text-align: left;
 font-weight: bold;
}
.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
.ssilka {
    border:1px solid #ccc;
    background:#eaeaea;
    padding: .2em .75em;
    text-decoration: none;
}
body {
    padding:0;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.overlay h1 {
    text-align:left;
    font-family: "Comic Sans MS", cursive, Serif;
    font-style: italic;
    color:#fff;
    font-size: 35px;
    margin-top:17%;
}
.overlay h2 {
    text-align:left;
    font-family: "Times New Roman", cursive, sans-serif;
    font-style: italic;
    color:#fff;
    font-size: 70px;
    margin-top:17%;
}
.overlay h3 {
    text-align:left;
    font-family: "Times New Roman", cursive, Serif;
    font-style: italic;
    color:#fff;
    font-size: 35px;
    margin-top:17%;
}
.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
    position: relative;
    height: 100%;
    width: 100%;
    padding-top:45%;
}
 
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.content h2 {
	text-align: center;
	font-size: 30px;
}

.content p {
	text-align: justify;
	font-size: 20px;
}
 
@media (max-width: 767px) {
	.fullscreen-bg {
		background: url('images/vino.jpg') center center / cover no-repeat;
	}

	.fullscreen-bg__video {
		display: none;
	}

	.overlay h1 {
	    font-size: 40px;
	}
}