*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Roboto', sans-serif;
	color: #121212;
	font-size: 18px;
}
h1,h2,h3,h4,h5,h6{
	margin-bottom: 10px;
	color: #232323;
	font-weight: 500;
	text-align: center;
}
h1{
	font-size: 32px;
	font-weight: bold;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 19px;
}
a,a:hover,a:active,a:focus,a:visited{
	text-decoration: none;
}
.center-main-block{
	max-width: 800px;
	margin: 0 auto;
}
.flex-block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: center;
}
.clearfix{
	display: table;
	height: 0;
	float: none;
	clear: both;
}
.hop{
	opacity: 0;
	animation: hip 1s ease-in-out;
	animation-delay: 60s;
	animation-fill-mode: forwards;
}
@keyframes hip{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
p{
	margin-bottom: 10px;
}
.order{
	display: block;
	margin-top: 20px;
    padding: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #232323;
    background-color: #fdc500;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.38);
    border: none;
    transition: 0.8s;
}
.order:hover {
    color: #232323;
    transform: scale(1.1);
}
.red{
	color: #ba0808;
}
iframe{
	width: 600px;
	height: 337px;
	margin-bottom: 10px;
}







.left{
	float: left;
}
.right{
	float: right;
}
.foot {
  padding: 20px 0;
  color: #ddd;
  font-size: 14px;
  background-color: #343d4d;
  border-top: 1px solid #ddd; }
  .foot p {
    margin: 0; }
  .foot div>a{
  	padding-top: 6px;
  }
  .foot a {
    display: inline-block;
    color: #ddd;
    opacity: 0.7; }
    .foot a:hover {
      color: #6f6f6f;
      opacity: 1; }
  .foot ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .foot ul li {
      display: inline-block;
      margin: 0 10px;
      font-size: 14px; }
      .foot ul li:before {
        display: none; }
      .foot ul li a {
        transition: 1s; }
        .foot ul li a:hover {
          transform: scale(1.2); }




@media screen and (max-width: 800px){
	.center-main-block{
		padding: 0 2%;
	}
	iframe{
		width: 96vw;
		height: 54vw;
	}
}
@media screen and (max-width: 600px){
	.left, .right{
		float: none;
	}
	.foot{
		text-align: center;
	}
	.foot div>a{
		width: 100%;
	}
}