.aspace-welcome-notice-wrap { position: relative; padding: 20px; } .aspace-welcome-notice-wrap h2 { font-size: 20px; margin: 0 0 5px; } .notice .aspace-welcome-notice-wrap>p { font-size: 16px; margin: 0 0 25px; } @media only screen and (min-width: 1068px) and (max-width: 1967px) { .aspace-welcome-info { display: flex; } } @media only screen and (min-width: 776px) and (max-width: 1067px) { .aspace-welcome-info { display: flex; } } .aspace-welcome-notice-wrap .notice-close { position: absolute; top: 10px; right: 10px; padding: 10px 15px 10px 21px; font-size: 13px; line-height: 1.2; text-decoration: none; } .notice-close { position: absolute; top: 10px; right: 10px; padding: 10px 15px 10px 21px; font-size: 13px; line-height: 1.2; text-decoration: none; } .aspace-welcome-info .aspace-welcome-thumb { width: 200px; margin-right: 40px; } .aspace-welcome-thumb { width: 200px; margin-right: 40px; } .aspace-welcome-info>.aspace-welcome-import { width: 340px; margin-right: 40px; } .aspace-welcome-info>.aspace-welcome-getting-started { width: 340px; margin-right: 40px; } .aspace-welcome-info>.aspace-welcome-import, .aspace-welcome-info>.aspace-welcome-getting-started { width: 340px; margin-right: 40px; } .aspace-welcome-thumb img { width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .aspace-welcome-info h3 { margin: 0 0 15px; } .notice .aspace-welcome-info p { margin: 0 0 20px; } .notice .aspace-welcome-info p { margin: 0 0 20px; } .form-table td .notice p, .notice p, .notice-title, div.error p, div.updated p { margin: .5em 0; padding: 2px; } .aspace-welcome-info>.aspace-welcome-import, .aspace-welcome-info>.aspace-welcome-getting-started { width: 340px; margin-right: 40px; } .aspace-welcome-notice-wrap .notice-close { position: absolute; top: 10px; right: 10px; padding: 10px 15px 10px 21px; font-size: 13px; line-height: 1.2; text-decoration: none; } .aspace-welcome-notice-wrap h1 { padding: 10px 15px 10px 21px; font-size: 36px; line-height: 1.2; color: wheat; border-top: 2px solid goldenrod; } .aspace-welcome-notice-wrap h1 { background-image: -webkit-linear-gradient(-84deg, rgba(255, 255, 255, 0) 0, rgb(51, 31, 31) 20%); background-image: -moz-linear-gradient(186deg, rgba(255, 255, 255, 0) 0, rgb(65, 34, 34) 20%); background-image: linear-gradient(186deg, rgba(255, 255, 255, 0) 0, rgb(48, 16, 16) 20%); background-position: 50% 50%; -webkit-background-Origin: padding-box; background-Origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .aspace-welcome-notice-wrap h3 { font-family: fantasy; font-stretch: semi-expanded; background-image: linear-gradient(to right, red, yellow); padding: 10px 20px; } .btn-read-much { -webkit-box-shadow: 0 14px 64px rgb(0 0 0 / 21%); box-shadow: 0 14px 64px rgb(0 0 0 / 21%); border-radius: 38px; background-color: #fdfdfd; background-image: -o-linear-gradient(165deg, #44a7fc 0%, #44a7fc 8%, #00d9f8 100%); background-image: linear-gradient( -75deg, #44a7fc 0%, #44a7fc 8%, #00d9f8 100%); color: #fff !important; font-size: 16px; font-weight: 700; line-height: 16px; text-transform: uppercase; letter-spacing: 0.8px; padding: 30px 60px; text-decoration: none; text-align: center; -ms-flex-item-align: center; align-self: center; margin-bottom: 60px; } .btn-read-much { padding: 24 px 60 px !important; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-4 { -webkit-box-flex: 0; max-width: 80.333333%; }