/*
    Theme Name: Medicio
    Theme URL: https://bootstrapmade.com/medicio-free-bootstrap-theme/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/

/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800|Roboto:400,500,700,900');
/* --- pe-icon-7-stroke --- */

body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    font-size: 16px;
    line-height: 1.6em;
    background: url(../img/bg.webp) no-repeat center fixed;
    background-size: cover;
}

.imgradius {
    border-radius: 50%;
}

.imond {
    background-color: rgba(255,125,62,0.7);
}

.imondblack {
    color: black;
}

.imondbg {
    background-color: rgba(221,75,2,1);
}

.imondwhite {
    color: #fff;
}

label,
input,
button,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    line-height: inherit;
}

/* ===========
layout
============= */
#wrapper.boxed {
    margin: 0 auto;
    background-color: #fff;

}
@media (max-width: 767px) {
    #wrapper.boxed {
        width: 100%;
    }
}
@media (min-width: 768px) {
    #wrapper.boxed {
        width: 810px;
    }
}
@media (min-width: 992px) {
    #wrapper.boxed {
        width: 1030px;
    }
}
@media (min-width: 1200px) {
    #wrapper.boxed {
        width: 1230px;
    }
}

/* ===========
Typo
============= */

h1 {
    font-size: 38px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 32px;
}
h4 {
    font-size: 28px;
}
h5 {
    font-size: 24px;
}
h6 {
    font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1em;
}

h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight  {
    font-weight: 100;
}

h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light  {
    font-weight: 300;
}

h1.h-normal,h2.h-normal,h3.h-normal ,h4.h-normal ,h5.h-normal ,h6.h-normal  {
    font-weight: 400;
}

h1.h-medium,h2.h-medium,h3.h-medium ,h4.h-medium ,h5.h-medium ,h6.h-medium  {
    font-weight: 500;
}

h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold  {
    font-weight: 700;
}

h1.h-ultra,h2.h-ultra,h3.h-ultra ,h4.h-ultra ,h5.h-ultra ,h6.h-ultra  {
    font-weight: 900;
}


h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {
    color: #fff;
}

.big-heading {
    font-size: 48px;
    font-weight: 700;
}

/* ===========================
--- Intro
============================ */

.intro {
    width: auto;
    position:relative;
}

.introd {
    padding:150px 0 100px;
}