div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {vertical-align: baseline; background: transparent;} img.map, map area { outline: none; border:0;} h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { text-decoration:none;} ol, ul { } img { margin:0; padding:0; border:0; } div#preload { display: none; } /*_______________________________________________________________________________________________________________________________*/ .alert { z-index:1000; padding: 20px; background-color:#fff; color:#808080; opacity: 1; transition: opacity 0.6s; margin-bottom: 15px; } .alert.success { background-color: #4CAF50;} .alert.info { background-color:rgba(255,255,255, 0.8); width:50vw; margin-left:auto; margin-right:auto; position:relative; top:8vw;font-family: 'Lato', sans-serif; font-size: 2vw; font-style: normal; color: #808080; font-weight: 400; text-align: center; text-decoration: none; vertical-align:middle; border-radius: 0.4vw; -webkit-border-radius: 0.4vw; -moz-border-radius: 0.4vw; border-radius: 0.4vw; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)} .alert.warning { background-color: #ff9800;} .alert.info h1 { font-size: 2.6vw; color: #808080; font-weight: 600; text-align: center; } .alert.info h2 { font-size: 2.0vw; color: #808080; font-weight: 400; text-align: center; } .closebtn { margin-left: 15px; color: #808080; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .closebtn:hover { color: #C00;} #highlights {box-sizing: border-box; width:100%; text-align: center; margin-left:auto; margin-right:auto; height:30vw; } #highlights li {box-sizing: border-box; width: 12%; text-align: center; list-style-type: none; padding:0%; line-height: 2.5vw; font-size:.9vw; padding-top:0%; margin-left:auto; margin-right:auto; float:left; width: 15% ; size:15% ; } #highlights h1 { line-height: 5.0vw; font-size:1.8vw; color:#C30;text-align:center; margin-left:auto; margin-right:auto; font-weight:400; padding-bottom:0.5vw; width:auto;} #highlights ul { width: 100%; text-align:center; list-style-type:none; padding-top:5%; line-height: 2.5vw; font-size:.8vw; margin-left:auto; margin-right:auto; padding-left:5vw; } #highlights ul li a img { width: 50%; size:50% } #highlights ul li iframe { } #i-box { display: flex; justify-content:center; align-items:center; width:6vw; margin-bottom:2vw; margin-left:18vw; border: 0.05vw solid #333; border-radius: 0.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; color:#333; text-transform:uppercase; text-align: left; height:1.5vw; padding-bottom:0.2vw; } #i-box a { color:#333; font-size:0.7vw !important; } #i-box a:link { color:#333;} #i-box a:visited { color:#333} #i-box a:hover { color:#c20e1a} .i-box-last { border: 0.05vw solid #333;} { } /*_______________________________________________________________________________________________________________________________*/ h1, h2, h3, h4, h5, h6, p {text-decoration: none; } h1 {font-family: 'Lato', sans-serif; font-size: 1.5vw; font-style: normal; color: #808080; font-weight:600; text-align: left; padding-bottom:1vw; } h1 a:focus {outline: none; } h1 a:link { color: #808080;} h1 a:visited {color: #808080; } h1 a:active { outline: none;} h2 {font-family: 'Lato', sans-serif; font-size: 1.1vw; font-style: normal; color: #808080; text-transform:uppercase; font-weight: 400; text-align:left; line-height:1.3vw; margin-top:0.7vw; margin-bottom:0.5vw;} h3 { font-family: "EB Garamond 12", serif; font-size: 1.5vw; line-height:2.2vw; color:#FFF; font-style:italic; padding-top:0vw; font-weight: 300; line-height:2.1vw; text-align: center;} h4 { font-family: 'Lato', sans-serif; font-size: 0.9vw; font-style: normal; color: #808080; font-weight: 600; text-align:left;line-height:1.5vw; margin-top:0.4vw; } h5 {font-family: 'Lato', sans-serif; font-size: 0.75vw; color: #ae9063; font-weight: 400; text-align: left; margin-top:0.2vw; margin-left:0vw;} h5 a:link { color: #ae9063; } h5 a:visited { color: #ae9063; } h5 a:active { outline: none;} h5 a:focus { outline: none;} h5 a:hover { color: #808080; } h6 { font-family: 'Lato', sans-serif; font-size: 0.8vw; margin-bottom:0vw; line-height: 0.6vw; font-weight: 400; text-align: left; margin-top:0.3vw; padding-right:0vw; padding-left:0vw; color:rgba(71,114,100,.95); !important;} h6 a { color:rgba(71,114,100,.95); font-size: 0.8vw;} h6 a:link { color:rgba(71,114,100,.95);} h6 a:hover { color: #808080; } #box-left2 ul li { font-family: 'Lato', sans-serif; font-size:.94vw; line-height:1.2vw; font-style: normal; color: #808080; padding-bottom:0.7vw; text-align: left; font-weight:300; margin-left:1.2vw; } p { font-family: 'Lato', sans-serif; font-size:.94vw; line-height:1.2vw; font-style: normal; color: #808080; padding-bottom:0.7vw; text-align: left; font-weight:300; } p a { font-family: 'Lato', sans-serif; font-size:.94vw; line-height:1.2vw; font-style: normal; color: #808080; padding-bottom:0.7vw; text-align: left; font-weight:300; } p a:link { color: #808080; font-weight: 400; } p a:visited { color:#436753; } p a:active { outline: none;} p a:focus {outline: none;} p a:hover { color: #000; } /*_______________________________________________________________________________________________________________________________*/ a { font-size:inherit;} strong { font-size:inherit !important;} .italics { font-family: "EB Garamond 12"; font-size: 1.3vw; line-height:2.2vw; color:#ba7975; font-style: normal; padding-top:0vw; font-weight: 300; line-height:2.1vw; text-align: left;} .centre { text-align:center;} .margin { margin-right:1vw; margin-left:1vw;} .bold { font-size:inherit; font-weight:400; text-align:left;} .bold-red { font-family: 'Lato', sans-serif,; font-weight:400; color:#ba7975;} .red { color:#ba7975;} .left { text-align: left; margin-right:0; margin-left:0;} .section-img { width:3vw; height:3vw; } /*_______________________________________________________________________________________________________________________________*/ map > area, map > area:active, map > area:focus { outline: none; border:0; } #wrapper { position: relative; top:0; height:auto; width:100vw; background-color:#FFF; overflow-y:hidden; overflow-x: hidden; margin-left:auto; margin-right:auto; } #image-banner { position: relative; top:0; height:15vw; text-align:center; margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } #box-left { width:30%; margin-right:3%; margin-top:3vw; margin-left:3%; height:auto; float:left; padding-right:2vw; border-right: thin solid #3f7b6e; margin-bottom:5vw;} #box-left2 { width:60%; margin-right:3%; margin-top:3vw; margin-left:6%; height:auto; float:left; padding-right:2vw; border-right: thin solid #3f7b6e; margin-bottom:5vw;} #box-left-blog { width:44%; margin-right:6%; margin-top:3vw; margin-left:6%; height:auto; float:left; min-height:60vw;} #box-centre { width:30%; margin-right:3%; margin-top:3vw; padding-left:0; margin-left:0%; height:auto; float:left; padding-right:2vw; border-right: thin solid #3f7b6e; margin-bottom:5vw;} #gallery-box { width:90%; height:auto; margin-left:auto; margin-right:auto;} #box-right { width:20%; margin-right:5%; margin-top:3vw; height: auto; margin-bottom:5vw; float:left;} #box-right2 { width:20%; margin-right:1%; margin-top:3vw; height: auto; margin-bottom:5vw; float:left;} #box-right3 { width:30%; margin-right:4%; margin-top:3vw; height: auto; margin-bottom:5vw; float:left;} #box-full-do { margin-top:4%; height:5vw; width:100%; } #box-full-do h1 { text-align:left; margin-left:6.8vw; font-size:2.2vw; } #box-full-mobil-do { display:none; } #box-full-home { margin-top:-0.8%; height:35vw; width:100%; background-image: url(../images/2.jpg);background-size:100% ; background-repeat:no-repeat; } #box-full-mobil-home { display:none; } #box-full { margin-top:-0.8%; height:30vw; width:100%; } #box-full-mobil { display:none; } #box-pic { width:100%; clear:both; overflow-y:hidden; overflow-x: hidden;} #box-pic-home { display: none} #footer { position:relative; font-family: "Lato Light"; font-size:0.95vw; outline: 0; padding-top:.8vw; padding-bottom:0vw; font-weight:400; color: #FFF; width:100%; height:2.5vw; text-align:center; background-color:#3f7b6e; vertical-align:middle; z-index:10; } #footer a { color: #fff; font-family: "Lato Light"; font-size:1.1vw; outline: 0; font-weight:600; padding-top:.4vw; padding-bottom:.4vw; } #footer p { text-align:center; color: #FFF; font-family: "Lato Light"; font-size:1.1vw; outline: 0; ; font-weight:400; padding-top:.4vw; padding-bottom:.4vw; } #footer a:link { color: #fff; } #footer a:visited { color: #FFF; } #footer a:hover { color: #C00; font-weight:600;} #page-wrapper { display: flex;flex-wrap: wrap; } /*_______________________________________________________________________________________________________________________________*/ @media screen and (max-width: 1440px) { #wrapper { width: auto; } #image-banner { position: relative; top:0; height:23vw; text-align:center; margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } #image-banner2 { position: relative; top:0; height:26vw;margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } #box-left { box-sizing: border-box; width:35%; margin-right:2%; margin-top:3vw; margin-left:2%; height:auto; float:left;} #box-left-blog { box-sizing: border-box; width:48%; margin-right:5%; margin-top:3vw; margin-left:5%; height:auto; float:left; min-height:60vw;} #box-centre { width:30%; margin-right:0.5%; margin-top:3vw; padding-left:0; margin-left:0%; height:auto; float:left; padding-right:1vw; border-right: thin solid #3f7b6e; margin-bottom:5vw;} #gallery-box { width:90%; height:auto; margin-left:auto; margin-right:auto;} #box-right { box-sizing: border-box; width:25%; padding-left:3%; background-repeat:no-repeat; margin-right:0%; margin-top:3vw; height: auto; float:left;} #box-right2 { box-sizing: border-box; width:35%; margin-right:0%; margin-top:2vw;height:60vw; float:left;} h1 { font-size: 2.2vw; } h2 { font-size: 1.5vw; line-height:2vw; } p { font-size:1.5vw; line-height:2.1vw; } p a { font-size:1.2vw; line-height:2.1vw; } h5 { font-size: 1.0vw; padding-bottom:0.8vw; padding-top:1vw; line-height:1.6vw; } h6 a { color:rgba(71,114,100,.95); font-size: 1vw;} .italics { font-family: "EB Garamond 12"; font-size: 1.6vw; color:#ba7975; font-style: normal; padding-top:0vw; font-weight: 400; line-height:2.1vw; text-align: left;} h4 { font-family: 'Lato', sans-serif; font-size:1.9vw; font-style: normal; color: #808080; font-weight: 400; text-align:left;line-height:2vw; margin-top:1.5vw; margin-bottom:0.5vw; } #highlights ul li a img { width:50%; size:50%; } } /*_______________________________________________________________________________________________________________________________*/ @media screen and (max-width: 1024px){ #highlights {box-sizing: border-box; width:100%; text-align: center; margin-left:auto; margin-right:auto; height:auto; } #highlights li {box-sizing: border-box; width: 30%; height:auto; text-align: center; list-style-type: none; padding:0%; line-height: 2.5vw; font-size:.9vw; padding-top:0%; margin-left:auto; margin-right:auto; float:left; } #highlights h1 { line-height: 5.0vw; font-size:2.3vw; color:#C30;text-align:center; margin-left:auto; margin-right:auto; font-weight:400; padding-bottom:0.5vw; width:auto;} #highlights ul { width: 95%; text-align:center; list-style-type:none; padding-top:5%; line-height: 2.5vw; font-size:.8vw; margin-left:auto; margin-right:auto; padding-left:4vw; } #highlights ul li a img { width: 38%; size:38% ;} #highlights ul li h1 iframe { width: 38%; size:38% ; margin:0; padding:0;} #box-full { margin-top:-0.8%; height:60vw; width:100%; } #box-pic-home { display:block; width:100%; height: auto; clear:both; } #box-pic { display: none; clear:both;} #image-banner { position: relative; top:0; height:30vw; text-align:center; margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } .italics { font-family: "EB Garamond 12"; font-size: 1.9vw; color:#ba7975; font-style: normal; padding-top:0vw; font-weight: 400; line-height:3vw; text-align: left;} #box-left { box-sizing: border-box; width:80%; margin-right:10%; margin-top:5vw; margin-left:10%; height:auto; float:left; border-right: none;} #box-left-blog { box-sizing: border-box; width:80%; margin-right:10%; margin-top:5vw; margin-left:10%; height:auto; float:left; border-right: none;} #box-centre { box-sizing: border-box; width:80%; margin-right:10%; margin-top:0vw; margin-left:10%; height:auto; float:left; border-right: none;} #gallery-box { width:90%; height:auto; margin-left:auto; margin-right:auto;} #box-right { box-sizing: border-box; width:80%; margin-right:10%; margin-top:0vw; margin-left:7%; height:auto; float:left; border-right: none;} #box-right2 { box-sizing: border-box; width:80%; margin-right:10%; margin-top:0vw; margin-left:10%; height:auto; float:left; border-right: none;} br {display:none;} #footer { position: static; float:none; clear:both; font-family: "Lato Light"; font-size:1.8vw; line-height:2.4; outline: 0; padding-top:.8vw; padding-bottom:0vw; font-weight:400; color: #FFF; width:90%; height:30vw;padding-left:5vw; padding-right:5vw; text-align:center; background-color:#3f7b6e; vertical-align:middle; z-index:10; } #footer a { color: #fff; font-family: "Lato Light"; font-size:1.8vw; outline: 0; font-weight:600;line-height:2.4; padding-top:.4vw; padding-bottom:.4vw; } #footer p { text-align:center; color: #FFF; font-family: "Lato Light"; font-size:1.8vw; outline: 0; line-height:2.4; font-weight:400; padding-top:.4vw; padding-bottom:.4vw; } #footer a:link { color: #fff; } #footer a:visited { color: #FFF; } #footer a:hover { color: #C00; font-weight:600;} #i-box { display: flex; justify-content:center; align-items:center; width:8vw; margin-bottom:2vw; margin-left:50vw; border: 0.05vw solid #333; border-radius: 0.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; color:#333; text-transform:uppercase; text-align: left; height:2vw; padding-bottom:0.2vw; } #i-box a { color:#333; font-size:1vw !important; } #i-box a:link { color:#333;} #i-box a:visited { color:#333} #i-box a:hover { color:#c20e1a} .i-box-last { border: 0.05vw solid #333;} h2 {font-family: 'Lato', sans-serif; font-size: 1.8vw; font-style: normal; color: #808080; text-transform:uppercase; font-weight: 400; text-align:left; line-height:1.3vw; margin-top:3vw; margin-bottom:1vw;} h1 { font-size: 2.5vw; } p { font-size:1.9vw; line-height:2.4vw; } p a { font-size:1.9vw; line-height:2.4vw; } h4 { font-family: 'Lato', sans-serif; font-size:2.1vw; font-style: normal; color: #808080; font-weight: 400; text-align:left;line-height:2vw; margin-top:1.5vw; margin-bottom:0.5vw; } } _______________________________________________________________________________________________________________________________ @media screen and (max-width: 825px) { .alert.info { background-color:rgba(255,255,255, 0.8); width:80vw; margin-left:auto; margin-right:auto; position:relative; top:12vw;font-family: 'Lato', sans-serif; font-size: 1.6vw; font-style: normal; color: #808080; font-weight: 400; text-align: center; text-decoration: none; vertical-align:middle; border: 0.08vw solid #0088cc; border-radius: 0.4vw; -webkit-border-radius: 0.4vw; -moz-border-radius: 0.4vw; border-radius: 0.4vw; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)} .alert.info h1 { font-size: 3.6vw; color: #808080; font-weight: 600; text-align: center; } .alert.info h2 { font-size: 3vw; color: #808080; font-weight: 400; text-align: center; } br { display:none} #box-pic-home { display:block; width:100%; height:12vw; clear:both; overflow-y:hidden; overflow-x: hidden; } #box-pic { display: none; clear:both;} #wrapper { display: flex;flex-wrap: wrap; } #box-left { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; border-right:none; border-bottom: thin solid #C00;} #box-left-blog { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; min-height: inherit !important; border:none;} #box-centre { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; margin-bottom:4vw;border:none;} #box-right { width:80%; margin-right: auto; margin-top:3vw; margin-left:7%; height:auto; float: none; clear:both; margin-bottom:4vw;border:none;} #gallery-box { width:95vw; height:auto; margin-left:5vw; margin-right:auto; } #footer { position:relative; font-family: "Lato Light"; outline: 0; padding:1vw; font-weight:300; color: #FFF; font-size:1.6vw; width:100%; height:7vw; clear:both; text-align:center; background-color:#477264; vertical-align:middle; z-index:10; } #footer a { position:relative; font-family: "Lato Light"; outline: 0; padding-top:.4vw; padding-bottom:.4vw; font-weight:300; color: #FFF; font-size:1.6vw; height:2.3vw; padding-left:1vw; padding-right:1vw; width:100%; height:6vw; clear:both; text-align:center; background-color:#477264; vertical-align:middle; z-index:10;} .italics { font-family: "EB Garamond 12", serif; font-size: 3.5vw; line-height:4.2vw; color:#ba7975; font-style:italic; padding-top:0vw; font-weight: 300; text-align: left;} h1 { font-size: 4.6vw; padding-top:2vw; padding-bottom:0.4vw; } h2 { font-size: 3.5vw; padding-top:2vw; padding-bottom:1vw; line-height:5vw; } p { font-size:2.4vw; line-height:4.0vw; } h5 { font-size: 2.0vw; padding-bottom:4vw; padding-top:.5vw; line-height:2.6vw; } h6 a { color:rgba(71,114,100,.95); font-size: 2vw; line-height:3vw;} #image-banner { position: relative; top:0; height:25vw; text-align:center; margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } #i-box { display: flex; justify-content:center; align-items:center; background-color:#3FF; width:10vw; margin-bottom:2vw; margin-left:50vw; border: 1vw solid #333; border-radius: 0.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; color:#333; text-transform:uppercase; text-align: left; height:2vw; padding-bottom:0.2vw; } #i-box a { color:#333; font-size:1.5vw !important; } #i-box a:link { color:#333;} #i-box a:visited { color:#333} #i-box a:hover { color:#c20e1a} .i-box-last { border: 1vw solid #333;} } @media screen and (max-width: 768px) { .alert.info { background-color:rgba(255,255,255, 0.8); width:80vw; margin-left:auto; margin-right:auto; position:relative; top:12vw;font-family: 'Lato', sans-serif; font-size: 1.6vw; font-style: normal; color: #808080; font-weight: 400; text-align: center; text-decoration: none; vertical-align:middle; border: 0.08vw solid #0088cc; border-radius: 0.4vw; -webkit-border-radius: 0.4vw; -moz-border-radius: 0.4vw; border-radius: 0.4vw; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)} .alert.info h1 { font-size: 3.6vw; color: #808080; font-weight: 600; text-align: center; } .alert.info h2 { font-size: 3vw; color: #808080; font-weight: 400; text-align: center; } br { display:none} #box-full-mobil { display:block; position: relative; margin-top:-3%; height:100%; width:100%; } #box-full-mobil-home { display:block; position: relative; margin-top:-3%; height:120vw; width:100%;background-image:url(../images/2b.jpg); background-size:100% ; background-repeat:no-repeat; } #box-full { display:none;} #box-full-home { display:none;} #wrapper { display: flex;flex-wrap: wrap; } #box-left { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; border-right:none; } #box-left-blog { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; min-height: inherit !important; border:none;} #box-centre { width:90%; margin-right: auto; margin-top:3vw; margin-left: auto; height:auto; float: none; clear:both; margin-bottom:4vw;border:none;} #box-right { width:80%; margin-right: auto; margin-top:3vw; margin-left:2%; height:auto; float: none; clear:both; margin-bottom:4vw;border:none;} #gallery-box { width:95vw; height:auto; margin-left:5vw; margin-right:auto; } #footer { position:relative; font-family: "Lato Light"; outline: 0; padding-left:5vw;padding-right:5vw; font-weight:300; color: #FFF; font-size:1.6vw; width:90%; height:14vw; clear:both; text-align:center; background-color:#477264; vertical-align:middle; z-index:10; } #footer a { position:relative; font-family: "Lato Light"; outline: 0; padding-top:.4vw; padding-bottom:.4vw; font-weight:300; color: #FFF; font-size:1.6vw; height:2.3vw; padding-left:1vw; padding-right:1vw; width:100%; height:6vw; clear:both; text-align:center; background-color:#477264; vertical-align:middle; z-index:10;} .italics { font-family: "EB Garamond 12", serif; font-size: 3.5vw; line-height:4.2vw; color:#ba7975; font-style: normal; padding-top:0vw; font-weight: 300; text-align: left;} h1 { font-size: 4.6vw; padding-top:2vw; padding-bottom:0.4vw; } h2 { font-size: 3.5vw; padding-top:2vw; padding-bottom:1vw; line-height:5vw; } p { font-size:2.4vw; line-height:4.0vw; } h5 { font-size: 2.0vw; padding-bottom:4vw; padding-top:.5vw; line-height:2.6vw; } h6 a { color:rgba(71,114,100,.95); font-size: 2vw; line-height:3vw;} #i-box { display: flex; justify-content:center; align-items:center; width:12vw; margin-top:3vw; margin-bottom:0.5vw; margin-left:50vw; border: 0.1vw solid #333; border-radius: 0.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; color:#333; text-transform:uppercase; text-align: left; height:2vw; padding-bottom:0.2vw; } #i-box a { color:#333; font-size:1.5vw !important; } #i-box a:link { color:#333;} #i-box a:visited { color:#333} #i-box a:hover { color:#c20e1a} .i-box-last { border: 0.1vw solid #333;} #highlights {box-sizing: border-box; width:100%; text-align: center; margin-left:auto; margin-right:auto; height:auto; } #highlights li {box-sizing: border-box; width: 30%; height:auto; text-align: center; list-style-type: none; padding:0%; line-height: 2.5vw; font-size:.9vw; padding-top:0%; margin-left:auto; margin-right:auto; float:left; } #highlights h1 { line-height: 5.0vw; font-size:2.3vw; color:#C30;text-align:center; margin-left:auto; margin-right:auto; font-weight:400; padding-bottom:0.5vw; width:auto;} #highlights ul { width: 95%; text-align:center; list-style-type:none; padding-top:5%; line-height: 2.5vw; font-size:.8vw; margin-left:auto; margin-right:auto; padding-left:4vw; } #highlights ul li a img { width: 38%; size:38% ;} #highlights ul li iframe { width: 70%; size:70% ; } } @media screen and (max-width: 425px) { .alert.info { background-color:rgba(255,255,255, 0.8); width:80vw; margin-left:auto; margin-right:auto; position:relative; top:12vw;font-family: 'Lato', sans-serif; font-size: 3.5vw; font-style: normal; color: #808080; font-weight: 400; text-align: center; text-decoration: none; vertical-align:middle; border: 0.08vw solid #0088cc; border-radius: 0.4vw; -webkit-border-radius: 0.4vw; -moz-border-radius: 0.4vw; border-radius: 0.4vw; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)} .alert.info h1 { font-size: 4.5vw; color: #808080; font-weight: 600; text-align: center; } .alert.info h2 { font-size: 4vw; color: #808080; font-weight: 400; text-align: center; } #box-full-mobil { display:block; position: relative; margin-top:-3%; height:100%; width:100%; } #box-full-mobil-home { display:block; position: relative; margin-top:-3%; height:120vw; width:100%;background-image:url(../images/2b.jpg); background-size:100% ; background-repeat:no-repeat; margin-bottom:5vw; } #box-full { display:none;} #box-full-home { display:none;} #footer {position: static; float:none; clear:both; font-family: "Lato Light"; outline: 0; padding:1vw; font-weight:300; color: #FFF; font-size:2.4vw; width:100%; height:16vw; clear:both; text-align:center; background-color:#477264; vertical-align:middle; z-index:10; } #footer a { position:relative; font-family: "Lato Light"; outline: 0; padding-top:.4vw; padding-bottom:.4vw; font-weight:300; color: #FFF; font-size:2.5vw; height:2.3vw; width:100%; height:6vw; clear:both; text-align:center;font-weight:600; background-color:#477264; vertical-align:middle; z-index:10;} #footer p { text-align:center; color: #FFF; font-family: "Lato Light"; font-size:2.5vw; outline: 0; line-height:4vw; font-weight:400; padding-top:.4vw; padding-bottom:.4vw; } #image-banner { position: relative; top:0; height:45vw !important; text-align:center; margin-left:auto; margin-right:auto; width:auto; z-index:20; background-color:#FFF; } #box-pic-home { display:block; width:101%; height: auto; clear:both; } #i-box { display: flex; justify-content:center; align-items:center; width:12vw; margin-top:3vw; margin-bottom:0.5vw; margin-left:50vw; border: 0.15vw solid #333; border-radius: 0.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; color:#333; text-transform:uppercase; text-align: left; height:2vw; padding-bottom:0.2vw; } #i-box a { color:#333; font-size:1.5vw !important; } #i-box a:link { color:#333;} #i-box a:visited { color:#333} #i-box a:hover { color:#c20e1a} .i-box-last { border: 0.15vw solid #333;} #box-right { width:80%; margin-right: auto; margin-top:3vw; margin-left:2%; height:auto; float: none; clear:both; margin-bottom:4vw;border:none;} #highlights {box-sizing: border-box; width:100%; text-align: center; margin-left:auto; margin-right:auto; height: auto; } #highlights li {box-sizing: border-box; width: 75%; text-align: center; list-style-type: none; padding:0%; line-height: 2.5vw; font-size:.9vw; padding-top:0%; margin-left:8%; margin-right:auto; } #highlights h1 { line-height: 8.0vw; font-size:6vw; color:#C30;text-align:center; margin-left:auto; margin-right:auto; font-weight:400; padding-bottom:1vw; width:auto;} #highlights ul { width: 98%; text-align:center; list-style-type:none; padding-top:5%; line-height: 2.5vw; font-size:.8vw; margin-left:auto; margin-right:auto; } #highlights ul li a img { width: 50% size:50% } } /* Box Shadows */ .box-shadow.top { box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4); } .box-shadow.right { box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); } .box-shadow.bottom { box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); } .box-shadow.left { box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4); } .box-shadow-top-right-hard { box-shadow: -5px -5px #888; } .box-shadow-top-right-soft { box-shadow: -5px -5px 5px #888; } .box-shadow-all-hard { box-shadow: 0 0 5px #888; } .box-shadow-all-soft { box-shadow: 0 0 5px 5px #888; } .emphasize-dark { box-shadow: 0 0 5px 2px rgba(0,0,0,.35); } .emphasize-light { box-shadow: 0 0 0 10px rgba(255,255,255,.25); } .emphasize-inset { box-shadow: inset 0 0 7px 4px rgba(255,255,255,.5); } .emphasize-border { box-shadow: inset 0 0 0 7px rgba(255,255,255,.5); } /* Border styles */ .embossed-light { border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7); } .embossed-heavy { border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9); } .gradient-light-linear { background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); } .gradient-dark-linear { background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0)); } .gradient-light-radial { background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0)); } .gradient-dark-radial { background-image: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0)); } .light-rounded { border-radius: 3px; } .heavy-rounded { border-radius: 8px; } .full-rounded { border-radius: 50%; } .barrel-rounded { border-radius: 20px/60px; }