/* 
Name: 			style.css
Written by: 	DPTSI ITS
*/

body {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
    font-family: "Muli", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.container {
    padding: 60px 15px 60px 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.its-blue {
    color: #013880;
}

hr.line-style {
    border: 0;
    height: 0;
    width: 50%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.tx-center {
    text-align: center;
}

@media only screen and (min-width: 280px) {
    .container { max-width: 240px; }
}

@media only screen and (min-width: 320px) {
    .container { max-width: 280px; }
}

@media only screen and (min-width: 480px) {
    .container { max-width: 420px; }
}

@media only screen and (min-width: 600px) {
    .container { max-width: 540px; }
}

@media only screen and (min-width: 768px) {
    .container { max-width: 720px; }
}

@media only screen and (min-width: 900px) {
    .container { max-width: 840px; }
}

@media only screen and (min-width: 1024px) {
    .container { max-width: 960px; }
}

@media only screen and (min-width: 1200px) {
    .container { max-width: 1140px; }
}