@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import "https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap";
*{font-family:'Playfair Display',Georgia;}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --error: #a4000f;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: /***Blanco,**/Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-family-monospace: Inconsolata,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --font-weight-default:300;
  --font-size-default:14px;
  --link:#1e71a2;
  --link-hover:#e8576c;
}


body {margin: 0;padding: 0;font-family: Arial, sans-serif;max-width:100%;overflow-x:hidden;}

.inner{max-width:1024px;margin:0 auto;}
@media screen and (max-width: 1024px){
    iframe{max-width:100%;}
    #content .inner{padding:0 20px;}
}

header{background-color:white;position: fixed;width: 100%;left:0;top:0;right:0;/**/-webkit-transition: all .5s; z-index:10;
        }
header nav{ position:relative; border:0px solid orange;display:block;max-width:1024px;margin:15px auto;}
header.maxh{height: 100px;border-bottom:1px solid #00000020;}
header.minh{height:60px;-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;}
header #logo{float:left;display: block;margin-left: 10px;margin-right: 0px;/*margin-top: 10px;*/-webkit-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;transition: width .5s, height .5s, margin-right .5s, margin-top .5s;}
header.maxh #logo{    height:80px;}
header.minh #logo{    height:30px;}
header.maxh ul li{ line-height: 60px;}
header nav ul{position:absolute;top:0;right:0;bottom:0;list-style: none;padding:0;}
header nav ul li{padding: 2px 10px;-webkit-transition: line-height .5s;transition: line-height .5s;display:inline;}
header nav ul li a{color: rgba(0, 0, 0, 0.6);text-decoration: none;}
header nav ul li a:active{color: #24a9a1;}
header.minh ul li{ line-height: 12px;}
header.maxh ul li{ line-height: 34px;}
header nav ul li ul{display: none;    border: 2px solid black;}
header nav ul li ul li{display: block;    background-color: rgb(235, 0, 0);}
header.minh ul{margin-top:5px;}

.inner.contact,
#div-profile{border-top: 100px solid transparent;}
#content>div:first-child,
#content-flex>div:first-child{margin-top:100px;}
.inner-page{padding-top:40px;}
@media (max-width: 500px) {
    header nav {/*max-width:90%;*/}
    header nav ul{}
    header nav ul li{}
}

.container { display: flex; flex-direction: column; gap: 0px; padding: 0px;}
.container>div {display: flex;  gap: 0px; min-height:57vh;}
@media (max-width: 1000px) {    .container>div { flex-direction: column;  }}
.container>div>div  { flex: 1;position:relative;}       
@media (min-width: 1000px) {.container>div>div  { display:flex;  align-items: center;  justify-content: center;object-fit: contain; } }
.container>div>div{background-size:cover;background-position: 50%;}
.container>div>div>div{height: auto; margin:0 50px; text-align:center;}
@media (min-width: 1000px) { .container>div>div>div{display: block;}}
@media (max-width: 1000px) { .container>div>div>div{display:contents; margin:100px 50px; margin: auto; display: block;}}


#inner_control_panel{margin:140px auto;}