*{margin:0;padding:0;}
body{background:#021452;color:#FFF;font-family:Verdana, Arial; font-size:14px; line-height:24px;}

a{text-decoration:none;color:#FFFFFF;}
a:hover{text-decoration:none;color:#F7F7F7;}
.clear0{clear:both;}
.clear{clear:both;height:20px;}
ul, ol {list-style:none;}

*:focus {
    outline: none;
}

#body{
background:url('img/bg.jpg')  top center no-repeat;
background-attachment: fixed, fixed;
}

.bold{font-weight:bold}
.flex{display:flex;justify-content: space-between !important;}
.flex div {padding: 12px 0 0 25px;} 
.flex div:first-child{margin-right: auto; padding: 0;} 

#head, #page, #footer, #menu{width:96%; margin: 0 auto; max-width:900px;}

#head{padding: 25px 0 0 0;}

#head .address{background: url('img/address.png') no-repeat top left; }
#head .phone{background: url('img/phone.png') no-repeat top left; }
#head .email{background: url('img/email.png') no-repeat top left; }
#head .address, #head .phone, #head .email {padding:0 0 0 45px; min-height:40px}

#menu ul { text-align: left;  padding:22px 0 26px 0; margin:0; border:0;}
#menu ul li { float:left; margin:0; padding:0 5px; border:0;}

#menu ul li a{ color:#FFF; text-transform:uppercase; padding:7px; font-size:15px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.333);}
#menu ul li a:hover, #menu ul li a.active{ color:#ffd14b;}

#page {background:#FFF; border-radius:10px; color:#444; padding: 3%; max-width:860px; min-height:350px;}
#page p {margin:0 0 25px 0;}
#page a {color:#021452;}
#page h1 {margin:5px 0 35px 0;}
#page h2, #page h3 {margin:25px 0 35px 0;}

#page .img-float-left{float:left; margin:0 30px 30px 0;}
#page .img-float-right{float:right; margin:0 0 30px 30px;}
#page img.img-float-left, #page img.img-float-right{border-radius:50%;}

.order{background:#021452; color:#ffd14b; padding: 6px 11px 8px 11px; cursor:pointer; border-radius:6px; font-weight:bold;}
.order:hover{ color:#FFF;  }

#footer{padding:20px 0 50px 0; text-align:center;}
#footer p{margin:0 0 30px 0;}
#footer a{background:#021452;padding:12px;}
#footer a span{color:#ffd14b; font-weight:bold;}
.website{font-size:16px; line-height:16px;}

.iframe-container {
    position: relative;
    padding-bottom: 48%;
    padding-top: 28px; height: 0; overflow: hidden;
}
 
 
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 3px;
    width: 99%;
    height: 99%;
}


@media screen and (max-width: 850px){ 

.flex{ flex-direction: column; text-align:center}
.flex div {width:100%; text-align:center; padding: 19px 0 0 0;}

#head .address, #head .phone, #head .email {width:215px; margin:0 auto}

#page img.full {width:100%;}

#body{
background:none;
}

}


@media screen and (max-width: 620px){ 

#page .img-float-left, #page .img-float-right{float:none; text-align:center; width:90%; padding:0 5%; margin:0 0 30px 0;}

}