*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
height:100%;
overflow-x:hidden;
}

body{
font-family:'Segoe UI', Arial, sans-serif;
background:#ffffff;
color:#222;
line-height:1.6;
}

.container{
width:1200px;
max-width:95%;
margin:auto;
padding:0 20px;
}

img{
max-width:100%;
height:auto;
display:block;
}

.btn{
padding:14px 26px;
border-radius:6px;
text-decoration:none;
font-weight:600;
display:inline-block;
}

.btn-primary{
background:#ff3b3b;
color:white;
}

.btn-secondary{
background:transparent;
border:2px solid white;
color:white;
}

.btn:disabled{
background:#ccc;
color:#888;
cursor:not-allowed;
border-color:transparent;
}


/* =========================
TABLET
========================= */

@media(max-width:1000px){

.container{
width:100%;
max-width:92%;
}

}


/* =========================
MOBILE
========================= */

@media(max-width:600px){

.container{
max-width:95%;
padding:0 16px;
}

.btn{
padding:12px 20px;
font-size:14px;
}

}