@font-face {
    font-family: "Raleway-Regular";
    src: url("../fonts/Raleway-Regular.ttf");
}

@font-face {
    font-family: "Raleway-Bold";
    src: url("../fonts/Raleway-Bold.ttf");
}

@font-face {
    font-family: "Raleway-Light";
    src: url("../fonts/Raleway-Light.ttf");
}

@font-face {
    font-family: "Raleway-Medium";
    src: url("../fonts/Raleway-Medium.ttf");
}

@font-face {
    font-family: "Raleway-SemiBold";
    src: url("../fonts/Raleway-SemiBold.ttf");
}

header {
    margin: 35px 0px;
}

.Main-Text {
    font: normal normal 20px/24px Raleway-Bold;
    letter-spacing: 0px;
    color: #4A4A4A;
}

.Message-Text {
    font: normal normal 16px/22px Raleway-Medium;
    letter-spacing: 0px;
    color: #626262;
}

.Browser-Area {
    background: rgba(226, 237, 239, 0.3764705882) 0% 0% no-repeat padding-box;
    border-radius: 8px;
}

.Browser-Area-Title {
    font: normal normal 14px/12px Raleway-Bold;
    letter-spacing: 0px;
    color: #00BAB4;
}

.Browser-Name {
    font: normal normal 15px/21px Raleway-SemiBold;
    letter-spacing: 0px;
    color: #626262;
}

.Browser-Version {
    font: normal normal 15px/21px Raleway-Medium;
    letter-spacing: 0px;
    color: #626262;
}

.Mozilla-Icon {
    background: transparent url("../images/browsers_icon/firefox_icon.png") 0% 0% no-repeat padding-box;
    width: 64px;
    height: 64px;
}

.Chrome-Icon {
    background: transparent url("../images/browsers_icon/chrome_icon.png") 0% 0% no-repeat padding-box;
    width: 64px;
    height: 64px;
}

.Edge-Icon {
    background: transparent url("../images/browsers_icon/edge_icon.png") 0% 0% no-repeat padding-box;
    width: 64px;
    height: 64px;
}

.Safari-Icon {
    background: transparent url("../images/browsers_icon/safari_icon.png") 0% 0% no-repeat padding-box;
    width: 64px;
    height: 64px;
}

.Footer-Text {
    font: normal normal 12px/14px Raleway-Regular;
}

.Footer-Link {
    font: normal normal 12px/14px Raleway-Regular;
    letter-spacing: 0px;
    color: #00DCD5;
}

.alert_img {
    max-width: 100%;
    height: auto;
    margin-top: 1rem;
}

.button-primary:hover {
    background-color: transparent !important;
    color: #00DCD5 !important;
    text-decoration: none;
    border: 1px solid #00DCD5 !important;
}

.pre-footer {
    font: normal normal 15px/21px Raleway-SemiBold;
    letter-spacing: 0px;
    margin-top: 2rem;
}

.pre-footer-link {
    font: normal normal 15px/21px Raleway-SemiBold;
    letter-spacing: 0px;
    color: #00DCD5;
}

.btn_demo {
    width: 65% !important;
}

footer {
    text-align: left;
}