* {text-rendering:optimizelegibility;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

body, html {width:100%; font:300 1vw 'Noto Serif Tamil', serif; color:white; background-color:#ffffff}

h1, h2, h3, h4, h4, h6 {line-height:100%; letter-spacing:0rem;}

.w300 {font-weight:300}
.w600 {font-weight:600}

blockquote {margin:0; border:none; padding:0}

.wrapper {position:relative; display:flex; width:71.15rem; height:100vh; margin: 0 auto;}
section#home {background-color:black;}
section#home div.main_contener {width:100%; height:42rem; margin:auto; background-image:url('../images/bg_2024.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid white}
section#home .second_contener {position:relative; top:0; left:0; margin-top:26rem}
section#home h2 {font-size:2rem; color:white; text-align:center; text-shadow:-5px 3px 6px black;}
section#home div.main_contener .flex_c {display:flex; justify-content:space-evenly; align-items:flex-start; width:100%;}
section#home div.left_part {width:33.5rem;}
section#home div.left_part blockquote:nth-child(2) {background:inherit; border:1px solid white} 
section#home div.left_part blockquote {padding:.8rem 1rem; background-color:#ffffff5e; margin-top:.5rem;}
section#home div.left_part blockquote p {font-size:1.5rem; color:white; text-shadow:-5px 3px 6px black;}
section#home div.right_part {position:relative; width:30rem;}
#map {width:30rem; height:10.9rem; margin-top:.5rem;}


/* Laptop HDPI */
@media only screen and (orientation:landscape) and (min-width:1367px) and (max-width:1440px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:97vw; margin: 0 auto;}
}

/* Laptop MDPI */
@media only screen and (orientation:landscape) and (min-width:1113px) and (max-width:1281px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:90vw; margin: 0 auto;} 
}

/* Ipads Pro 12.9 pouces en paysage */
@media only screen and (orientation:landscape) and (min-width:1282px) and (max-width:1366px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:97vw; margin: 0 auto;}
}

/* IPad orientation paysage */
@media only screen and (orientation:landscape) and (min-width:901px) and (max-width:1024px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:97vw; margin: 0 auto;}
    
}

/* iPads Orientation Portrait */
@media only screen and (orientation:portrait) and (max-height:1400px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:97vw; margin: 0 auto;}
}