/* @media only screen and (max-width: 768px) { html { font-size: 50%;  } }  */

/*
@media only screen and (min-width: 1px) and (max-width: 390px) { html { background-color: pink   } }
@media only screen and (min-width: 391px) and (max-width: 550px) { html { background-color: red   } }
@media only screen and (min-width: 551px) and (max-width: 730px) { html { background-color: green   } }
@media only screen and (min-width: 731px) and (max-width: 1024px) { html { background-color: orange   } }
@media only screen and (min-width: 1025px) and (max-width: 1239px){ html { background-color: lightblue   } }
@media only screen and (min-width: 1240px) and (max-width: 1512px){ html { background-color: yellow   } }
@media only screen and (min-width: 1513px) and (max-width: 1654px){ html { background-color: violet   } }
@media only screen and (min-width: 1655px) { html { background-color: lightgrey   } }
*/

/* poniższe reguły są dla desktopu */
/*
@media only screen and (min-width: 769px) and (max-width: 1024px) { html { font-size: 30%   } }

@media only screen and (min-width: 1025px) and (max-width: 1300px){ html { font-size: 45%   } }

@media only screen and (min-width: 1301px) and (max-width: 1580px){ html { font-size: 50%   } }
*/



@media only screen and (min-width: 1px) and (max-width: 390px){ html { font-size: 62.5%   } }

@media only screen and (min-width: 551px) and (max-width: 730px){ html { font-size: 47.5%   } }
@media only screen and (min-width: 731px) and (max-width: 1024px){ html { font-size: 62.5%   } }

@media only screen and (min-width: 1025px) and (max-width: 1239px){ html { font-size: 35%   } }

@media only screen and (min-width: 1240px) and (max-width: 1512px){ html { font-size: 45%   } }

@media only screen and (min-width: 1513px) and (max-width: 1654px){ html { font-size: 50%   } }

@media only screen and (min-width: 1655px)                        { html { font-size: 62.5% } }

html {min-width:320px;}
body{ width: 100%; color: rgb(24,54,114); margin-right: auto; margin-left: auto; font-family: 'Rubik', serif; overflow:auto; margin-bottom:0px}

.Rubik48{font-size:4.8rem; font-family: 'Rubik', serif;}
@media only screen and (min-width: 551px) and (max-width: 1024px){ .Rubik48{font-size:3.6rem; font-family: 'Rubik', serif;} }

.Rubik24, .wyniki_regat, .news_size{font-size:2.4rem; font-family: 'Rubik', serif;}
.Rubik18{font-size:1.8rem; font-family: 'Rubik', serif;}
.PT18{font-family: 'PT Serif', serif; font-size:1.8rem}
.PT16{font-family: 'PT Serif', serif; font-size:1.6rem}
.PT14{font-family: 'PT Serif', serif; font-size:1.4rem}
.PT12{font-family: 'PT Serif', serif; font-size:1.2rem}


@media only screen and (min-width: 1px) and (max-width: 550px) { 
    .wyniki_regat, .news_size{font-size:1.3rem} 
    .PT12{font-size:0.9rem} .PT14{font-size:1.1rem} .PT16{font-size:1.3rem} .PT18{font-size:1.5rem}
    .Rubik18{font-size:1.5rem;} Rubik24{font-size:2.1rem}
}

a {text-decoration: none; color: rgb(24,54,114)}

hr{ color: rgb(196,231,249); background: rgb(196,231,249); border: 0; height: 1px; }

.container{ width: 100%;}

.clear{ clear: both; }

.person .square{width:144px}

.padding-top{ padding-top:20px }

.margin-left{ margin-left:15px }

.margin_zero{margin:0}

.center{ text-align: center; }

.transform_to_upper{ text-transform: uppercase; }

.strong{ font-weight: 600; }

.font_black{color:black}
.font_white{color:white}

.motto{padding-left: 12%; padding-right: 12%;}
@media only screen and (min-width: 1px) and (max-width: 551px) {
    .motto{padding-left:5%; padding-right: 5%}
    .pierre {margin-top:65px}
}


/*
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .news_div, .news_div_no_right_margin, .news_right_column{ min-height: 287px }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    .news_div, .news_div_no_right_margin, .news_right_column{ min-height: 392px }
}

@media only screen and (min-width: 1301px) and (max-width: 1580px) {
    .news_div, .news_div_no_right_margin, .news_right_column{ min-height: 410px }
}

@media only screen and (min-width: 1581px) {
    .news_div, .news_div_no_right_margin, .news_right_column{ min-height: 550px }
}
*/

.news_div, .news_div_no_right_margin { width:48%; }

.news_div, .news_div_no_right_margin{ float: left; }

.news_div { margin-right:4%;}

.news_div a, .news_div_no_right_margin a, .mobile_news_left a, .mobile_news_right a{color:rgb(24,54,114)}
/*
.news_div img, .news_div_no_right_margin img, .mobile_news_left img, .mobile_news_right img{border:1px solid rgb(24,54,114); border: 1px solid rgb(164,187,236);
padding: 4px; border-radius: 3px; box-shadow: 1px 1px 3px rgb(164,187,236);
}
*/
.news_div_no_right_margin, .news_right_column { margin-right:0; float: right;}
 
.news_right_column {width:100%}

.news_img {width:100%; margin-bottom: 15px;}

.news_txt{ text-transform: uppercase; font-weight: 600; width:95%; margin-top: -5px; color: rgb(24,54,114);}

.news_txt a{color: rgb(24,54,114);}

.news_date{ font-weight: normal; margin-top: 7px; margin-left: 15px; text-transform: lowercase }

.news_more, .news_more_long { border: solid 1px rgb(0,152,231); text-align: center;
                                padding-top: 2%; padding-bottom: 2%;}

.mobile_news_left{width:47%; float:left}
.mobile_news_right{width:47%; float:right}


@media only screen and (min-width: 1px) and (max-width: 550px){ 
    .mobile_news_left, .mobile_news_right{width:100%; margin-top:30px} 
    .news_date {display: block; margin-left: 0px}
    .news_divider{margin-top: 20%}
}

@media only screen and (min-width: 551px) and (max-width: 1024px){ 
    .news_divider{margin-top: 10%}
}


@media only screen and (min-width: 551px) and (max-width: 1024px){ .news_more, .news_more_long { padding-top: 1%; padding-bottom: 1%; } }

.news_more{width: 27%;}
.news_more_long { width: 55%; }

@media only screen and (min-width: 1px) and (max-width: 550px){ .news_more_long { width: 100%; } }
@media only screen and (min-width: 551px) and (max-width: 1024px){ .news_more_long { width: 37%; } }

.news_more a, .news_more_long a {color: rgb(24,54, 114)}

@media only screen and (min-width: 1px) and (max-width: 550px){ .news_table { display:none } }

.news_table, .news_table2 { border-collapse: collapse; width: 100%}

.news_table_tr{ border-top: solid 1px rgb(0,152,231);}

.news_table td, .news_table2 td { padding-left:10px; padding-right:5px; padding-top:10px; padding-bottom:10px; /* color: rgb(24,54,114); */}
@media only screen and (min-width: 551px) { .news_table td, .news_table2 td{min-width: 100px;} }


.news_table a, .news_table2 a{color: rgb(24,54, 114)}

@media only screen and (min-width: 551px) and (max-width: 730px) { .news_table td, .news_table2 td { min-width: 55px; } }
@media only screen and (min-width: 1025px) and (max-width: 1239px){ .news_table td, .news_table2 td { min-width: 65px; } }
@media only screen and (min-width: 1240px) and (max-width: 1512px){ .news_table td, .news_table2 td { min-width: 85px; } }

@media only screen and (min-width: 1513px) and (max-width: 1654px){ .news_table td, .news_table2 td { min-width: 85px; } }


@media only screen and (min-width: 1px) and (max-width: 390px) { .news_table2 td {font-size: 1.1rem;} .news_table_date{width:60px}}
@media only screen and (min-width: 391px) and (max-width: 550px) { .news_table2 td {font-size: 1.1rem;} .news_table_date{width:60px}}


.news_table td.news_table_td_outdated, .news_table2 td.news_table_td_outdated{padding-bottom:0px; color:black; font-size: 1.0rem}

.news_table_date { background-color: rgb(231,245,253); width:auto}

@media only screen and (min-width: 551px) { news_table_div{display: none} }
.news_table_div{margin-top:12%}
.event {line-height: 33px; padding-top: 10px; padding-bottom: 10px;  border-top: 1px solid rgb(0,152,231); }

.event a{color: rgb(24,54, 114); }

@media only screen and (min-width: 1px) and (max-width: 390px){line-height: 25px;}

#partners{margin-top:5%;}

.partners_div_top{ border-top: 1px solid rgb(196,231,249); color: black; font-family: 'PT Serif', serif; margin-top:2%}

.partners_div_table, .partners_div_table_left{padding-top:1%}

.partners_div_table{ border-left: 1px solid rgb(196,231,249); width:25%; }

.partners_div_table_left{ border-left:none; width:24%; }

/*
@media only screen and (min-width: 551px) and (max-width: 1024px) {
    .partners_div_table_mobile, .partners_div_table_mobile_center{ height:220px; }
}
*/

@media only screen and (min-width: 1025px) {
    .partners_div_table, .partners_div_table_left{ height:150px; }
}

.partners_div_table, .partners_div_table_left{float:left }

#footer{ background-color: rgb(24,54,114);}

#footer a{ color: white; }

.horizontal_div, .footer_horizontal_div{ border-top: 1px solid rgb(196,231,249);}
.footer_horizontal_div{ width: 90%; margin-left:5%; }

.footer_a{ margin-left:2%; }

#footer p {margin:0; padding:0}


@media only screen and (min-width: 551px) and (max-width: 1024px) {
    .footer_img_socials{height:30px;padding-left:15px; padding-right: 15px}
    #footer_menu{padding-top:10px; padding-bottom:1px}
    #footer ul.nav, #footer_links {line-height: 35px}
    .partners_div_table_mobile, .partners_div_table_mobile_center {padding-bottom:7%}
}


@media only screen and (min-width: 551px) {
    .footer_img_socials{height:28px;}
}

.footer_img_socials{margin-left:2%; margin-top:2%; margin-bottom:2%;}

@media only screen and (min-width: 1px) and (max-width: 551px) {
    .footer_img_socials{margin-left:14%; margin-top:8%; margin-bottom:8%;}
    .footer_a{ margin-left:0%; }
}

#footer .copy{ color: rgb(140,155,185) }

.remove_left_margin{margin-left:0px;}