body { background-color: #cccccc; padding-top: 100px; font-family: Roboto; background-size: initial; background-attachment: fixed; background-position: left 65px, right 97%; background-repeat: no-repeat,no-repeat; background-image: url('/images/back.png'),url('/images/rss.png'); text-size-adjust: auto; } .mgn-top-header { text-align: center; position: fixed; top: 0; left:0; width:100%; background-color: #FFFFFF; border-bottom-style: solid; border-width: 1px; border-color: #FFFFFF; margin: auto; height: 100px; color: rgba(255, 136, 14,1); background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/images/header.png"); font-size: 2.5vw; } .mgn-topcontainer{ width: auto; margin-top: 500px; text-align: center; } .mgn-headerrow{ display: inline-block; width: auto; column-span: all; } .mgn-center{ width: 70%; display: inline; text-align: center; } .mgn-left10{ width: 10%; } .mgn-left20{ width: 20%; } .mgn-left45{ width: 45%; } .mgn-right10{ width: 10%; } .mgn-right20{ width: 20%; } .mgn-right45{ width: 45%; } .mgn-phone{ width: 20%; font-size: 2vw; text-size-adjust: auto; } .mgn-right10, .mgn-right20, .mgn-right45, .mgn-phone{ position: absolute; right: 0px; text-align: right; vertical-align: middle; } .mgn-left10, .mgn-left20, .mgn-left45{ position: absolute; left:0px; text-align: left; vertical-align: middle; } .mgn-right10, .mgn-right20, .mgn-right45,.mgn-left10, .mgn-left20, .mgn-left45, .mgn-phone{ padding: 10px; display: inline; min-width: 10px; margin: auto; height :90%; } .mgn-phone:hover{ font-style: oblique; } .mgn-container{ width: 80%; margin: auto; } .mgn-textdiv,.mgn-textdivNoBorder{ margin-top: 25px; width: auto; background-color: #f0f5f1; overflow: auto; } .mgn-textdiv{ padding: 5px; } .mgn-textdiv,.mgn-textdivfooter,.mgn-ajaxdiv,.mgn-ajaxtargetdiv,.mgn-linkdivheader,.mgn-Ajaxheader{ border-style: solid; border-width: 1px; border-radius: 10px; } .mgn-textdiv,.mgn-textdivfooter{ width: auto; } .mgn-cleardiv, .mgn-cleardiv15{ margin-top: 5px; text-align: left; overflow: auto; } .mgn-cleardiv15{ padding-left: 15px; } .mgnImageCount{ bottom: 2px; right: 2px; text-align: right; } .mgn-textdivheader,.mgn-linktextdivheader{ width: auto; border-bottom: solid; border-width: 1px; margin-bottom: 5px; column-span: all; } .mgn-textdivfooter{ text-align: center; column-span: all; background-color: #f0f5f1; padding-top: 10px; padding-bottom: 10px; margin-top: 25px; } .mgn-ajaxdiv,.mgn-ajaxtargetdiv,.mgn-linkdivheader,.mgn-ajaxlistwrapper,ajaxlisttargetdiv{ margin-top: 15px; margin-bottom: 15px; width: auto; text-align: left; vertical-align: middle; overflow: hidden; } .mgn-ajaxdiv,.mgn-ajaxtargetdiv,.mgn-linkdivheader{ background-color: #f0f5f1; padding: 5px; } .mgn-ajaxdivwrapper{ margin-bottom: 5px; border-width: 0px; width: auto; } .mgn-ajaxtargetdiv{ color: black; min-height: 50px; } .mgn-Ajaxheader{ width: auto; margin-bottom: 5px; column-span: all; } .leftimage{ float: left; display: inline; } .mgn-linkdivheader{ width: 99%; margin-top: 1px; } .mgn-ajaxdiv:hover, .mgn-Ajaxheader:hover, .mgn-linkdivheader:hover { background-color: #abadb0; color: orangered; font-style: oblique; cursor: pointer; } .mgn-ajaxbtn{ float: right; display: inline; font-size: 1.5vw; cursor: pointer; font-style: normal; padding-right: 10px; } .mgn-footer{ background-color:#CB8C34; margin: auto; text-align: center; padding-top: 7px; height: 30px; position: fixed; left: 0; bottom: 0; width: 100%; } h1, h2, h3{ display: inline; } .img_cover{ min-width: 99%; max-width: 99%; } .img_cover50{ object-fit: contain; width: 50%; } .img_cover20{ object-fit: contain; width: 20%; } .img_cover80{ object-fit: contain; width: 80%; } .mgn-Paddingdiv{ width: auto; height: 150px; } .mgn-Columndiv { column-count: 6; } .mgn-Spacerdiv { width : auto; min-height: 25px; } .mgn-idheader{ object-fit: contain; width: auto; height :200px; border-style: solid; margin-left: 5px; margin-top: 15px; border-width: 1px; border-radius: 10px; } .mgn-SocialMedia{ position: fixed; left: 10px; bottom: 40px; width: 40px; overflow: hidden; } .mgn-SocialMediaItem .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; } .mgn-SocialMediaItem:hover .tooltiptext { visibility: visible; } .mgn-SocialMediaItem .tooltiptext { top: -5px; left: 105%; } .gmap_iframe{ frameborder : 1; scrolling : no; marginheight : 0; marginwidth : 25; width : 1000px; height : 500px; }