.gama_container{ width: 100%; max-width: 930px; margin: 0 auto; background: url(bg.jpg); background-size: 100%; } .gama_logo_top{ position: relative; top: 0; left: 70%; width: 17%; } #gama_title{ background-color: #f7f7f7; margin: 0 auto; padding: 30px 0 0 70px; } #gama_produto_img{ width: 37%; position: absolute; left: 0; top: 0; } #gama_group_infos{ display: flex; width: 90%; position: relative; flex-direction: column; align-items: flex-end; margin: -7% auto 0 auto; } .gama_features{ display: flex; width: 90%; justify-content: flex-end; margin: 5% auto 0 auto; }.gama_features>img{ margin-right: 5%; height: 12vmin; max-height: 77px; }.gama_features>img:last-child{ margin-right: 0; } #gama_produto_title{ width: 69%; margin-top: 11%; } .gama_list_infos_ul{ list-style: none; height: auto; width: 100%; padding: 0; display: flex; justify-content: space-around; margin: 5% auto 6% auto; flex-direction: column; } .gama_list_infos_li{ display: flex; width: 90%; height: 19vmin; margin: 15px auto; background-color: rgba(46,48,49,0.7); max-height: 114px; } .gama_list_infos_li:nth-child(even){ display: flex; justify-content: flex-end; text-align: right; } .gama_list_infos_li_div{ display: flex; align-items: center; justify-content: space-between; height: 100%; } .gama_margin_right{ margin-right: 25px; margin-left: -20px; } .gama_margin_left{ margin-left: 25px; margin-right: -20px; } .gama_border_shadow{ border: solid 7px #ffffff; box-shadow: 0px 0px 0px 1px #ededed, -3px 3px 8px 0px rgba(0,0,0,0.15); background-color: #ffffff; border-radius: 50%; overflow: hidden; z-index: 2; } .gama_list_infos_li_div_img{ width: 24vmin; max-width: 155px; border: 1px solid #ededed; } .gama_Arial{ font-family: "Arial"; font-weight: normal; } .gama_bold{ font-weight: bold; } .gama_white{ color: #fff; } .gama_blue{ color: #1f97cb; } .gama_p_center{ text-align: center; } .gama_upper{ text-transform: uppercase; } .gama_p{ font-size: 14px; word-wrap: break-word; font-family: "Verdana"; font-weight: normal; } .gama_h1{ font-size: 20px; margin-top: 0; margin-bottom: 30px; width: 67%; } .gama_h2{ font-size: 17px; } .gama_text{ width: 100%; display: flex; flex-direction: column; background: url(gama_text_bg.jpg); margin: 7% 0; align-items: flex-end; padding: 4% 0; }.gama_text>.gama_tecnos{ width: 67%; display: flex; }.gama_text>.gama_tecnos>img, .gama_tecnos>div img{ width: 40%; margin-right: 5%; }.gama_tecno{ max-width: 148px; }.gama_tecnos>div:first-child{ display: flex; flex-direction: column; width: 40%; }.gama_tecnos>div{ display: flex; flex-direction: column; width: 60%; justify-content: center; }.gama_tecnos>div p{ font-size: 10px; } .gama_list_tecno_ul{ list-style: none; height: 150px; margin: 15px auto 0 auto; width: 100%; padding: 0; display: flex; justify-content: center; } .gama_list_tecno_li{ display: inline-block; width: 120px; height: 100%; } .gama_linha{ background-color:rgba(32,32,32,0.7); display: flex; flex-direction: column; margin: 5% auto; align-items: center; padding: 10px 0; width: 97%; }.gama_linha>h1{ font-size: 28px; margin: 0; }.gama_linha>div{ display: flex; flex-direction: row; padding: 20px 0; justify-content: center; width: 100%; flex-wrap: wrap; }.gama_linha>div>a{ margin-right: 5px; margin-top: 10px; width: 80px; }.gama_linha>div>a:last-child{ margin-right: 0; }.gama_linha>div>a>img{ width: 13vmin; max-width: 82px; } #gama_footer{ display: flex; justify-content: center; align-items: center; background-color:rgba(32,32,32,0.7); padding: 25px 0; margin-top: 20px; flex-direction: column; } #gama_footer_img{ width: 110px; } .gama_video{ display: flex; justify-content: center; align-items: center; padding: 25px 0; }.gama_video video{ width: 90%; height: auto; background: url(boxvideo.jpg) center no-repeat; } @media only screen and (max-width : 624px) { .gama_h1 { font-size: 17px; } .gama_tecnos>div p { font-size: 7px; } .gama_h2 { font-size: 15px; } .gama_p { font-size: 11px; } } @media only screen and (max-width : 529px) { .gama_h1 { font-size: 12px; } .gama_tecnos>div p { font-size: 6px; } .gama_p { font-size: 8px; } }