﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

body{
line-height: 1.6;
color: #222; 
font-family: 'Poppins', sans-serif;
}

h1{
    font-weight:600;
    margin: 3px 0;
    text-transform: uppercase;
}

h2{
    font-weight:400;
    margin: 3px 0;
}

.container{
position: relative;
width: 100%;
background-color: #F5F5F5; 
box-sizing: border-box;
border: 0px solid blue;
}

.row{
display: flex;
/*align-items: center;*/
flex-wrap: wrap;
justify-content: space-around;
}

.columns{
float: left;
box-sizing: border-box;
border: 0px solid red;
}

.one-column{width: 100%;}
.two-column{width: 50%;}
.three-column{width: 33%;}        
.four-column{width: 25%;}        
.five-column{width: 20%;}        

.fieldbox{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.sla{
background:white;
width: 96%;
line-height: 1.6;
font-weight: 400;
font-size: small;
margin: 15px 0;
padding: 10px; 
}

ul { padding-left: 20px;}

 .buttons{
margin-top: 3px;
height: 38px; 
width: 100px;
padding: 10px 20px;
border: none;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
background: #0C0404;
cursor: pointer;
transition: all 0.3s ease;
}

.buttons:hover{
transform: scale(0.97);
}

.buttons .item{
 margin: 0 10px;
}

.buttons a{
color: #FCBA7F;
color:#049f4d;
}

.title{
font-size: x-large;
font-weight: 600;
}

@media only screen and (max-width: 600px) {
one-column,.two-column,.three-column,.four-column,.five-column{ width: 100%; }
.title{font-size: large;}
}
