* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html, body {
  overflow-x: hidden;
}

@font-face{
    font-family: IRANSansWeb_Medium;
    font-style:normal;
    font-weight:normal;
    src:url('https://barmancardio.com/services/fonts/IRANSansWeb_Medium.eot');
    src:url('https://barmancardio.com/services/fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
    url('https://barmancardio.com/services/fonts/IRANSansWeb_Medium.woff2') format('woff2'),
    url('https://barmancardio.com/services/fonts/IRANSansWeb_Medium.woff') format('woff'),
    url('https://barmancardio.com/services/fonts/IRANSansWeb_Medium.ttf') format('truetype');
}

a, h1, h2, h3, h4, h5, h6, p, ul, li, span, div, input, button {font-family: IRANSansWeb_Medium !important;}


 img#log {
    width: 35%;
}

body {
  background: linear-gradient(135deg, #194174, #009E7F);
}

.bglo {
    display: flex
;
    flex-direction: column;
    align-items: center;
    max-width: 40% !important;
        border-radius: 15px;
}

form {
    width: 80%;
}


button {
    background-color: #194377 !important;
    padding: 4px 10px;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 11px !important;
    margin: 0px 5px;
}

a#logii {
    background-color: #194174;
    padding: 5px;
    color:#fff;
    display: block;
    width: 50%;
    text-decoration: none;
    margin: 0px 20px;
    border-radius: 10px;
    font-size: 20px;
}

.tt {
    width: 80%;
    text-align: center;
    display: flex
;
}

a#regg {
    background-color: #009E7F;
    padding: 5px;
    color:#fff;
    display: block;
    width: 50%;
    text-decoration: none;
    margin: 0px 20px;
    border-radius: 10px;
    font-size: 20px;
}





@media screen and (min-width: 320px) and (max-width: 768px) {
  
.bglo {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80% !important;
    border-radius: 15px;
    height: 70%;
    justify-content: center;
}  

img#log {
    width: 50%;
}

h1 {
    font-size: 20px !important;
    line-height: 2rem !important;
}

.tt {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

a#logii {
    background-color: #194174;
    padding: 5px;
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
    margin: 10% 0px -10% 0px;
    border-radius: 10px;
    font-size: 16px;
    
}

a#regg {
    background-color: #009E7F;
    padding: 5px;
    color: #fff;
    display: block;
    width:100%;
    text-decoration: none;
    margin: 0px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 50px;
}

p#pf {
    margin-top: 35%;
}










  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}