html,
body {
    height: 100%;
	position: relative;
}
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto', sans-serif;
    color: #000000;
}

.topbar {
    background-color:#000000;
}
.line{
    background-color: #424242;
}

.midbar {
    background: url('../img/midbar.jpg');
    background-repeat: repeat-x;
    background-color:#000000;
}

.btm_update {
    border:1px solid #000000;
    margin:10px;
}

.button_footer {
    background-color: #00ccff;
    border-radius: 15px;
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    padding:10px;
    text-align: center;
}
.button_footer a:hover {
    background-color: #3979bb;
    color: #ffffff;
}

.disabler {
    opacity: 0.1;
}

img {
    max-width: 100%;
}

.layout{
    background: rgb(255,255,255);
}

.addpadd {
    padding: 1rem;
}

.btn-full-width {
display: inline-block; 
width: 100%;
}

#section-center {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}

.section-inner{
    width:100%;
}

.col-centered {
  float: none;
  margin: 0 auto;
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width : 250px) {
    .btn-font{
    font-size:18px;
    }
    .top-font{
    font-size: 16px;
    text-align: center;       
    }
}
@media only screen and (min-width : 320px) {
    .btn-font{
    font-size:18px;
    }
    .top-font{
    font-size: 25px;
    text-align: center;   
    }
}

/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {
    .btn-font{
    font-size:25px;
    }
    .top-font{
    font-size: 18px;
    text-align: center;    
    }
}

@media only screen and (min-width : 600px) {
    .btn-font{
    font-size:20px;
    }
    .top-font{
    font-size: 23px;
     text-align: left;       
    }
}

/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {
    .btn-font{
    font-size:38px;
    }
    .top-font{
    font-size: 23px;
     text-align: left;       
    }
}

/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {
    .btn-font{
    font-size:45px;
    }
    .top-font{
    font-size: 26px;
     text-align: left;       
    }
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {
}


/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */

@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */

@media only screen and (max-width : 320px) {
}