@charset "utf-8"; h2, h3{ font-size: 1.5em; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: normal; padding: 0px; margin: 0px; } /* ------------- Headers ------------------- */ @media only screen and (max-width: 767px){ .mknetwork-header1{ font-family: 'Open Sans',Arial,sans-serif; padding: 40px 0 10px 0; margin:0; color: #fff; font-size: 40px; font-weight: 600; } } @media only screen and (min-width: 768px){ .mknetwork-header1{ font-family: 'Open Sans',Arial,sans-serif; padding: 40px 0 10px 0; margin:0; color: #fff; font-size: 48px; font-weight: 600; } } @media only screen and (max-width: 767px){ .mknetwork-header2{ font-family: 'Open Sans',Arial,sans-serif; padding: 0px 0 10px 0; color: #fff; font-size: 28px; } } @media only screen and (min-width: 768px){ .mknetwork-header2{ font-family: 'Open Sans',Arial,sans-serif; padding: 0px 0 10px 0; color: #fff; font-size: 32px; } } @media only screen and (max-width: 767px){ .mknetwork-header3{ font-family: 'Open Sans',Arial,sans-serif; padding: 26px 0 51px 0; color: #fff; font-size: 28px; font-weight: bold; margin: 0; } } @media only screen and (min-width: 768px){ .mknetwork-header3{ font-family: 'Open Sans',Arial,sans-serif; padding: 26px 0 55px 0; color: #fff; font-size: 32px; font-weight: bold; margin: 0; } } @media only screen and (max-width: 767px){ .mknetwork-header3-bis{ font-size: 26px !important; } } @media only screen and (min-width: 768px){ .mknetwork-header3-bis{ font-size: 28px !important; } } .mknetwork-homelink{ font-family: 'Open Sans',Arial,sans-serif; padding: 26px 0 0 0; color: #fff; font-size: 20px; font-weight: bold; } .mknetwork-h1{ padding: 0 0 40px 0; margin: 0; font-size: 20px; } /* ------------- Text ------------------- */ .mk-text{ font-family: 'Open Sans',Arial,sans-serif; color: white; font-size: 17px; margin-top: 0; text-align: justify; } /* @media only screen and (min-width: 671px){ .mk-text{ font-size: 17px; } } */ @media only screen and (max-width: 1118px){ .mk-column{ margin: 0 0 0 0; display: block; max-width: 418px; /* min-width: 355px; */ width: -moz-available; width: -webkit-fill-available; } } @media only screen and (min-width: 1119px){ .mk-column{ margin: 0 0 0 0; display: block; max-width: 418px; min-width: 394px; } } @media only screen and (min-width: 1119px){ .mk-column1{ margin-right: 30px; display: inline-block !important; } } @media only screen and (max-width: 1118px){ .mk-column2{ display: inline-block !important; float: none; } } @media only screen and (min-width: 1119px){ .mk-column2{ display: inline-block !important; float: right; } } /* ------------- Buttons ------------------- */ a.form-button-select-platform:hover { /*	background-color: #fff; */ /*	color: #fd5a21; */ text-decoration: none; } a.form-button-select-platform { margin: 0 auto 25px auto; display: inline-block; white-space: nowrap; line-height: 36px; font-size: 25px; color: #fff; border-radius: 5px; padding: 25px 35px; transition: all 0.3s; text-decoration: none; font-family: 'Open Sans',Arial,sans-serif; /*	min-width: 342px; */ min-width: 270px; max-width: 364px; } @media only screen and (max-width: 410px){ a.form-button-select-platform { margin: 0 auto 15px auto; line-height: 30px; font-size: 18px; padding: 15px 20px; /* width: 100%; */ width: -moz-available; width: -webkit-fill-available; /* min-width: 85%; width: 300px; */ } } @media only screen and (min-width: 411px) and (max-width: 526px){ a.form-button-select-platform { margin: 0 auto 20px auto; line-height: 30px; font-size: 20px; padding: 20px 25px; /* width: 100%; */ width: -moz-available; width: -webkit-fill-available; /* min-width: 85%; width: 342px; */ } } @media only screen and (min-width: 527px){ a.form-button-select-platform { margin: 0 auto 20px auto; line-height: 30px; font-size: 25px; padding: 20px 25px; width: 100%; width: -moz-available; width: -webkit-fill-available; /*	width: 360px; */ } } @media only screen and (max-width: 1118px){ a.firstbutton{ margin-right: 0px; float: none; } } @media only screen and (min-width: 1119px){ a.firstbutton{ margin-right: 30px; float: left; } } @media only screen and (min-width: 527px) and (max-width: 542px){ a.form-button-smaller-font{ font-size: 23px !important; } } @media only screen and (min-width: 543px) and (max-width: 671px){ a.form-button-smaller-font{ font-size: 24px !important; } } a.attach2cloud-button{ background-color: #0C71C3; border: 2px solid white; } a.attach2cloud-button:hover{ background-color: white; border: 2px solid #0069B4; color: #0C71C3; } a.microsoft-button{ background-color: #fd5a21; border: 2px solid #fd5a21; } a.microsoft-button:hover { background-color: #fff; color: #fd5a21; } a.ibm-button{ background-color: #12A7E1; border: 2px solid #12A7E1; } a.ibm-button:hover { background-color: #fff; color: #12A7E1; } a.google-button{ background-color: #20B2AA; border: 2px solid #20B2AA; } a.google-button:hover { background-color: #fff; color: #20B2AA; } a.dropbox-button{ background-color: #FF8C00; border: 2px solid #FF8C00; } a.dropbox-button:hover { background-color: #fff; color: #FF8C00; } a.web-mail-button{ background-color: #778899; border: 2px solid #778899; } a.web-mail-button:hover { background-color: #fff; color: #778899; } a.web-browser-button{ background-color: #0069B4; border: 2px solid #0069B4; } a.web-browser-button:hover { background-color: #fff; color: #0069B4; } a.cloud-storage-button{ background-color: #A4262C; border: 2px solid #A4262C; } a.cloud-storage-button:hover { background-color: #fff; color: #A4262C; } a.file-server-button{ background-color: #7160E8; border: 2px solid #7160E8; } a.file-server-button:hover { background-color: #fff; color: #7160E8; } a.benefit-button{ background-color: #404040; border: 2px solid #404040; } a.benefit-button:hover { background-color: #fff; color: #404040; } a.mklink{ color: white; font-weight: 400; } @media only screen and (max-width: 556px){ .mkmarginleftright { margin-left: 0px; margin-right: 0px; } } @media only screen and (min-width: 557px) and (max-width: 670px){ .mkmarginleftright { margin-left: 30px; margin-right: 30px; } } @media only screen and (min-width: 671px){ .mkmarginleftright { margin-left: 60px; margin-right: 60px; } } @media only screen and (max-width: 556px){ .blue-header { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 557px) and (max-width: 670px){ .blue-header { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 671px){ .blue-header { padding-left: 60px; padding-right: 60px; } } /* ------------- Footer ------------------- */ @media only screen and (max-width: 767px){ .black-footer { background-color: black; padding-left: 0; padding-right: 0; position: fixed; bottom: 0; width: 100%; height: 30px; } } @media only screen and (min-width: 768px){ .black-footer { background-color: black; padding-left: 0; padding-right: 0; position: fixed; bottom: 0; width: 100%; height: 40px; } } .black-footer a { text-decoration: none; color: #999; align-content: black; } @media only screen and (max-width: 556px){ .footer-text { font-family: "Open Sans",Arial, sans-serif; font-size: 14px; color: #999; padding: 6px 26px 5px 5px; } } @media only screen and (min-width: 557px)and (max-width: 767px){ .footer-text { font-family: "Open Sans",Arial, sans-serif; font-size: 14px; color: #999; padding: 6px 30px 5px 30px; } } @media only screen and (min-width: 768px){ .footer-text{ font-family: "Open Sans",Arial, sans-serif; font-size: 18px; color: #999; padding: 6px 30px 5px 60px; } }