Answer To: Microsoft Word - Assignment_2_ISY10209_2019.docx School of Business and Tourism Web Development I...
Sanghamitra answered on May 01 2021
SMainali_ISY10209_Ass2/css/stylesprint_CA5.css
* { box-sizing: border-box; }
body {
font-family:Verdana, Arial, sans-serif;
background-color: #fff;
margin:0;
}
#wrapper { background-color: #fff;
color: #000;
width: 100%;
margin: auto;
min-width: 960px;
max-width: 1200px;
}
nav { display: none }
header {
color: #00005D;
font-size: 250%;
padding: 10px 10px 10px 155px;
background: #ffffff ;
}
h1 { margin-bottom: 20px; }
h2 { color: #869dc7;
font-family: arial, sans-serif;
}
#floatright { margin: 10px;
float: right;
}
footer { font-size:140%;
text-align: center;
clear: right;
padding: 20px;
background-color: #ffffff;
}
.serif {
font-family: "Times New Roman", Times, serif;
}
.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
.monospace {
font-family: "Lucida Console", Courier, monospace;
}
#para1 {
text-align: center;
color: red;
}
#wrapper {
width: 100%;
background: #fff;
margin: 0 auto;
}
#header {
background: black;
color: white;
}
#header h1{margin-left:4%;}
#column-left {
width: 200px;
float: left;
background: white;
height:1200px;
}
#column-center {
width: 745px;
float: left;
background: white;
padding:2%;
}
#column-center img{ display:none; }
#column-right {
width: 235px;
padding:8px;
float: left;
background: white;
height:1200px;
}
#footer {
background: white;
clear:both;
}
SMainali_ISY10209_Ass2/css/stylesprint_CA6.css
* { box-sizing: border-box; }
body {
font-family:Verdana, Arial, sans-serif;
background-color: #fff;
margin:0;
}
#wrapper { background-color: #fff;
color: #000;
width: 100%;
margin: auto;
min-width: 960px;
max-width: 1200px;
}
nav { display: none }
header {
color: #00005D;
font-size: 250%;
padding: 10px 10px 10px 155px;
background: #ffffff ;
}
h1 { margin-bottom: 20px; }
h2 { color: #869dc7;
font-family: arial, sans-serif;
}
#floatright { margin: 10px;
float: right;
}
footer { font-size:140%;
text-align: center;
clear: right;
padding: 20px;
background-color: #ffffff;
}
.serif {
font-family: "Times New Roman", Times, serif;
}
.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
.monospace {
font-family: "Lucida Console", Courier, monospace;
}
#para1 {
text-align: center;
color: red;
}
#wrapper {
width: 100%;
background: #fff;
margin: 0 auto;
}
#header {
background: black;
color: white;
}
#header h1{margin-left:4%;}
#column-left {
width: 200px;
float: left;
background: white;
height:1200px;
}
#column-center {
width: 745px;
float: left;
background: white;
padding:2%;
}
#column-center img{ display:none; }
#column-right {
width: 235px;
padding:8px;
float: left;
background: white;
height:1200px;
}
#footer {
background: white;
clear:both;
}
SMainali_ISY10209_Ass2/css/styles_CA4.css
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background-color: transparent
}
a:active {
outline: 0
}
a:hover {
outline: 0
}
b,
strong {
font-weight: 700
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid silver
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,
th {
padding: 0
}
@media print {
*,
::after,
::before {
text-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,
.table th {
background-color: #fff!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*,
::after,
::before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
@-ms-viewport {
width: device-width
}
@viewport {
width: device-width
}
html {
font-size: 16px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
background-color: #fff
}
[tabindex="-1"]:focus {
outline: 0!important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted #818a91
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
a {
color: #0275d8;
text-decoration: none
}
a:focus,
a:hover {
color: #014c8c;
text-decoration: underline
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
pre {
margin-top: 0;
margin-bottom: 1rem
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle
}
[role=button] {
cursor: pointer
}
[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation
}
table {
background-color: transparent
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #818a91;
text-align: left;
caption-side: bottom
}
th {
text-align: left
}
label {
display: inline-block;
margin-bottom: .5rem
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
select,
textarea {
margin: 0;
line-height: inherit;
border-radius: 0
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit
}
input[type=search] {
-webkit-box-sizing: inherit;
box-sizing: inherit;
-webkit-appearance: none
}
output {
display: inline-block
}
[hidden] {
display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1 {
font-size: 2.5rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.75rem
}
h4 {
font-size: 1.5rem
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
.h1 {
font-size: 2.5rem
}
.h2 {
font-size: 2rem
}
.h3 {
font-size: 1.75rem
}
.h4 {
font-size: 1.5rem
}
.h5 {
font-size: 1.25rem
}
.h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300
}
.display-2 {
font-size: 5.5rem;
font-weight: 300
}
.display-3 {
font-size: 4.5rem;
font-weight: 300
}
.display-4 {
font-size: 3.5rem;
font-weight: 300
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: 5px
}
.dl-horizontal {
margin-right: -1.875rem;
margin-left: -1.875rem
}
.dl-horizontal::after {
display: table;
clear: both;
content: ""
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
padding: .5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: .25rem solid #eceeef
}
.blockquote-footer {
display: block;
font-size: 80%;
line-height: 1.5;
color: #818a91
}
.blockquote-footer::before {
content: "\2014 \00A0"
}
.blockquote-reverse {
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: .25rem solid #eceeef;
border-left: 0
}
.blockquote-reverse .blockquote-footer::before {
content: ""
}
.blockquote-reverse .blockquote-footer::after {
content: "\00A0 \2014"
}
.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img,
.img-fluid {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: .3rem
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: .25rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.img-circle {
border-radius: 50%
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #818a91
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
padding: .2rem .4rem;
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: .25rem
}
kbd {
padding: .2rem .4rem;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
line-height: 1.5;
color: #373a3c
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto
}
.container::after {
display: table;
clear: both;
content: ""
}
@media (min-width:544px) {
.container {
max-width: 576px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 940px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.container-fluid {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto
}
.container-fluid::after {
display: table;
clear: both;
content: ""
}
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
.row::after {
display: table;
clear: both;
content: ""
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: .9375rem;
padding-left: .9375rem
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.333333%
}
.col-xs-2 {
width: 16.666667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.333333%
}
.col-xs-5 {
width: 41.666667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.333333%
}
.col-xs-8 {
width: 66.666667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.333333%
}
.col-xs-11 {
width: 91.666667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.333333%
}
.col-xs-pull-2 {
right: 16.666667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.333333%
}
.col-xs-pull-5 {
right: 41.666667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.333333%
}
.col-xs-pull-8 {
right: 66.666667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.333333%
}
.col-xs-pull-11 {
right: 91.666667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.333333%
}
.col-xs-push-2 {
left: 16.666667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.333333%
}
.col-xs-push-5 {
left: 41.666667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.333333%
}
.col-xs-push-8 {
left: 66.666667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.333333%
}
.col-xs-push-11 {
left: 91.666667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.333333%
}
.col-xs-offset-2 {
margin-left: 16.666667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.333333%
}
.col-xs-offset-5 {
margin-left: 41.666667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.333333%
}
.col-xs-offset-8 {
margin-left: 66.666667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.333333%
}
.col-xs-offset-11 {
margin-left: 91.666667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width:544px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.333333%
}
.col-sm-2 {
width: 16.666667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.333333%
}
.col-sm-5 {
width: 41.666667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.333333%
}
.col-sm-8 {
width: 66.666667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.333333%
}
.col-sm-11 {
width: 91.666667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.333333%
}
.col-sm-pull-2 {
right: 16.666667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.333333%
}
.col-sm-pull-5 {
right: 41.666667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.333333%
}
.col-sm-pull-8 {
right: 66.666667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.333333%
}
.col-sm-pull-11 {
right: 91.666667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.333333%
}
.col-sm-push-2 {
left: 16.666667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.333333%
}
.col-sm-push-5 {
left: 41.666667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.333333%
}
.col-sm-push-8 {
left: 66.666667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.333333%
}
.col-sm-push-11 {
left: 91.666667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.333333%
}
.col-sm-offset-2 {
margin-left: 16.666667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.333333%
}
.col-sm-offset-5 {
margin-left: 41.666667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.333333%
}
.col-sm-offset-8 {
margin-left: 66.666667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.333333%
}
.col-sm-offset-11 {
margin-left: 91.666667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width:768px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-1 {
width: 8.333333%
}
.col-md-2 {
width: 16.666667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.333333%
}
.col-md-5 {
width: 41.666667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.333333%
}
.col-md-8 {
width: 66.666667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.333333%
}
.col-md-11 {
width: 91.666667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.333333%
}
.col-md-pull-2 {
right: 16.666667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.333333%
}
.col-md-pull-5 {
right: 41.666667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.333333%
}
.col-md-pull-8 {
right: 66.666667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.333333%
}
.col-md-pull-11 {
right: 91.666667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.333333%
}
.col-md-push-2 {
left: 16.666667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.333333%
}
.col-md-push-5 {
left: 41.666667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.333333%
}
.col-md-push-8 {
left: 66.666667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.333333%
}
.col-md-push-11 {
left: 91.666667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.333333%
}
.col-md-offset-2 {
margin-left: 16.666667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.333333%
}
.col-md-offset-5 {
margin-left: 41.666667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.333333%
}
.col-md-offset-8 {
margin-left: 66.666667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.333333%
}
.col-md-offset-11 {
margin-left: 91.666667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width:992px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.333333%
}
.col-lg-2 {
width: 16.666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.333333%
}
.col-lg-5 {
width: 41.666667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.333333%
}
.col-lg-8 {
width: 66.666667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.333333%
}
.col-lg-11 {
width: 91.666667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.333333%
}
.col-lg-pull-2 {
right: 16.666667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.333333%
}
.col-lg-pull-5 {
right: 41.666667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.333333%
}
.col-lg-pull-8 {
right: 66.666667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.333333%
}
.col-lg-pull-11 {
right: 91.666667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.333333%
}
.col-lg-push-2 {
left: 16.666667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.333333%
}
.col-lg-push-5 {
left: 41.666667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.333333%
}
.col-lg-push-8 {
left: 66.666667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.333333%
}
.col-lg-push-11 {
left: 91.666667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.333333%
}
.col-lg-offset-2 {
margin-left: 16.666667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.333333%
}
.col-lg-offset-5 {
margin-left: 41.666667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.333333%
}
.col-lg-offset-8 {
margin-left: 66.666667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.333333%
}
.col-lg-offset-11 {
margin-left: 91.666667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
@media (min-width:1200px) {
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
float: left
}
.col-xl-1 {
width: 8.333333%
}
.col-xl-2 {
width: 16.666667%
}
.col-xl-3 {
width: 25%
}
.col-xl-4 {
width: 33.333333%
}
.col-xl-5 {
width: 41.666667%
}
.col-xl-6 {
width: 50%
}
.col-xl-7 {
width: 58.333333%
}
.col-xl-8 {
width: 66.666667%
}
.col-xl-9 {
width: 75%
}
.col-xl-10 {
width: 83.333333%
}
.col-xl-11 {
width: 91.666667%
}
.col-xl-12 {
width: 100%
}
.col-xl-pull-0 {
right: auto
}
.col-xl-pull-1 {
right: 8.333333%
}
.col-xl-pull-2 {
right: 16.666667%
}
.col-xl-pull-3 {
right: 25%
}
.col-xl-pull-4 {
right: 33.333333%
}
.col-xl-pull-5 {
right: 41.666667%
}
.col-xl-pull-6 {
right: 50%
}
.col-xl-pull-7 {
right: 58.333333%
}
.col-xl-pull-8 {
right: 66.666667%
}
.col-xl-pull-9 {
right: 75%
}
.col-xl-pull-10 {
right: 83.333333%
}
.col-xl-pull-11 {
right: 91.666667%
}
.col-xl-pull-12 {
right: 100%
}
.col-xl-push-0 {
left: auto
}
.col-xl-push-1 {
left: 8.333333%
}
.col-xl-push-2 {
left: 16.666667%
}
.col-xl-push-3 {
left: 25%
}
.col-xl-push-4 {
left: 33.333333%
}
.col-xl-push-5 {
left: 41.666667%
}
.col-xl-push-6 {
left: 50%
}
.col-xl-push-7 {
left: 58.333333%
}
.col-xl-push-8 {
left: 66.666667%
}
.col-xl-push-9 {
left: 75%
}
.col-xl-push-10 {
left: 83.333333%
}
.col-xl-push-11 {
left: 91.666667%
}
.col-xl-push-12 {
left: 100%
}
.col-xl-offset-0 {
margin-left: 0
}
.col-xl-offset-1 {
margin-left: 8.333333%
}
.col-xl-offset-2 {
margin-left: 16.666667%
}
.col-xl-offset-3 {
margin-left: 25%
}
.col-xl-offset-4 {
margin-left: 33.333333%
}
.col-xl-offset-5 {
margin-left: 41.666667%
}
.col-xl-offset-6 {
margin-left: 50%
}
.col-xl-offset-7 {
margin-left: 58.333333%
}
.col-xl-offset-8 {
margin-left: 66.666667%
}
.col-xl-offset-9 {
margin-left: 75%
}
.col-xl-offset-10 {
margin-left: 83.333333%
}
.col-xl-offset-11 {
margin-left: 91.666667%
}
.col-xl-offset-12 {
margin-left: 100%
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem
}
.table td,
.table th {
padding: .75rem;
line-height: 1.5;
vertical-align: top;
border-top: 1px solid #eceeef
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #eceeef
}
.table tbody+tbody {
border-top: 2px solid #eceeef
}
.table .table {
background-color: #fff
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #eceeef
}
.table-bordered td,
.table-bordered th {
border: 1px solid #eceeef
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover tbody tr:hover {
background-color: #f5f5f5
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: inline-block
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #818a91
}
.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
color: #818a91;
cursor: not-allowed;
background-color: transparent
}
.nav-inline .nav-item {
display: inline-block
}
.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
margin-left: 1rem
}
.navbar {
position: relative;
padding: .5rem 1rem
}
.navbar::after {
display: table;
clear: both;
content: ""
}
@media (min-width:544px) {
.navbar {
border-radius: .25rem
}
}
.navbar-brand {
float: left;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 1rem;
font-size: 1.25rem
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
.navbar-divider {
float: left;
width: 1px;
padding-top: .425rem;
padding-bottom: .425rem;
margin-right: 1rem;
margin-left: 1rem;
overflow: hidden
}
.navbar-divider::before {
content: "\00a0"
}
.navbar-toggler {
padding: .5rem .75rem;
font-size: 1.25rem;
line-height: 1;
background: 0 0;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
@media (min-width:544px) {
.navbar-toggleable-xs {
display: block!important
}
}
@media (min-width:768px) {
.navbar-toggleable-sm {
display: block!important
}
}
@media (min-width:992px) {
.navbar-toggleable-md {
display: block!important
}
}
.navbar-nav .nav-item {
float: left
}
.navbar-nav .nav-link {
display: block;
padding-top: .425rem;
padding-bottom: .425rem
}
.navbar-nav .nav-link+.nav-link {
margin-left: 1rem
}
.navbar-nav .nav-item+.nav-item {
margin-left: 1rem
}
.label {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
a.label:focus,
a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media,
.media-body {
overflow: hidden;
zoom: 1
}
.media-body {
width: 10000px
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right {
padding-left: 10px
}
.media-left {
padding-right: 10px
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto
}
.invisible {
visibility: hidden!important
}
.text-hide {
font: "0/0" a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-justify {
text-align: justify!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-xs-left {
text-align: left!important
}
.text-xs-right {
text-align: right!important
}
.text-xs-center {
text-align: center!important
}
@media (min-width:544px) {
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-normal {
font-weight: 400
}
.font-weight-bold {
font-weight: 700
}
.font-italic {
font-style: italic
}
.text-muted {
color: #818a91
}
.text-primary {
color: #0275d8!important
}
a.text-primary:focus,
a.text-primary:hover {
color: #025aa5
}
.text-success {
color: #5cb85c!important
}
a.text-success:focus,
a.text-success:hover {
color: #449d44
}
.text-info {
color: #5bc0de!important
}
a.text-info:focus,
a.text-info:hover {
color: #31b0d5
}
.text-warning {
color: #f0ad4e!important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ec971f
}
.text-danger {
color: #d9534f!important
}
a.text-danger:focus,
a.text-danger:hover {
color: #c9302c
}
.bg-inverse {
color: #eceeef;
background-color: #373a3c
}
.bg-faded {
background-color: #f7f7f9
}
.bg-primary {
color: #fff!important;
background-color: #0275d8!important
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #025aa5
}
.bg-success {
color: #fff!important;
background-color: #5cb85c!important
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #449d44
}
.bg-info {
color: #fff!important;
background-color: #5bc0de!important
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #31b0d5
}
.bg-warning {
color: #fff!important;
background-color: #f0ad4e!important
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #ec971f
}
.bg-danger {
color: #fff!important;
background-color: #d9534f!important
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #c9302c
}
.m-x-auto {
margin-right: auto!important;
margin-left: auto!important
}
.m-a-0 {
margin: 0 0!important
}
.m-t-0 {
margin-top: 0!important
}
.m-r-0 {
margin-right: 0!important
}
.m-b-0 {
margin-bottom: 0!important
}
.m-l-0 {
margin-left: 0!important
}
.m-x-0 {
margin-right: 0!important;
margin-left: 0!important
}
.m-y-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.m-a-1 {
margin: 1rem 1rem!important
}
.m-t-1 {
margin-top: 1rem!important
}
.m-r-1 {
margin-right: 1rem!important
}
.m-b-1 {
margin-bottom: 1rem!important
}
.m-l-1 {
margin-left: 1rem!important
}
.m-x-1 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.m-y-1 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.m-a-2 {
margin: 1.5rem 1.5rem!important
}
.m-t-2 {
margin-top: 1.5rem!important
}
.m-r-2 {
margin-right: 1.5rem!important
}
.m-b-2 {
margin-bottom: 1.5rem!important
}
.m-l-2 {
margin-left: 1.5rem!important
}
.m-x-2 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.m-y-2 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.m-a-3 {
margin: 3rem 3rem!important
}
.m-t-3 {
margin-top: 3rem!important
}
.m-r-3 {
margin-right: 3rem!important
}
.m-b-3 {
margin-bottom: 3rem!important
}
.m-l-3 {
margin-left: 3rem!important
}
.m-x-3 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.m-y-3 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.p-a-0 {
padding: 0 0!important
}
.p-t-0 {
padding-top: 0!important
}
.p-r-0 {
padding-right: 0!important
}
.p-b-0 {
padding-bottom: 0!important
}
.p-l-0 {
padding-left: 0!important
}
.p-x-0 {
padding-right: 0!important;
padding-left: 0!important
}
.p-y-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.p-a-1 {
padding: 1rem 1rem!important
}
.p-t-1 {
padding-top: 1rem!important
}
.p-r-1 {
padding-right: 1rem!important
}
.p-b-1 {
padding-bottom: 1rem!important
}
.p-l-1 {
padding-left: 1rem!important
}
.p-x-1 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.p-y-1 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.p-a-2 {
padding: 1.5rem 1.5rem!important
}
.p-t-2 {
padding-top: 1.5rem!important
}
.p-r-2 {
padding-right: 1.5rem!important
}
.p-b-2 {
padding-bottom: 1.5rem!important
}
.p-l-2 {
padding-left: 1.5rem!important
}
.p-x-2 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.p-y-2 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.p-a-3 {
padding: 3rem 3rem!important
}
.p-t-3 {
padding-top: 3rem!important
}
.p-r-3 {
padding-right: 3rem!important
}
.p-b-3 {
padding-bottom: 3rem!important
}
.p-l-3 {
padding-left: 3rem!important
}
.p-x-3 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.p-y-3 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pos-f-t {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.hidden-xs-up {
display: none!important
}
@media (max-width:543px) {
.hidden-xs-down {
display: none!important
}
}
@media (min-width:544px) {
.hidden-sm-up {
display: none!important
}
}
@media (max-width:767px) {
.hidden-sm-down {
display: none!important
}
}
@media (min-width:768px) {
.hidden-md-up {
display: none!important
}
}
@media (max-width:991px) {
.hidden-md-down {
display: none!important
}
}
@media (min-width:992px) {
.hidden-lg-up {
display: none!important
}
}
@media (max-width:1199px) {
.hidden-lg-down {
display: none!important
}
}
@media (min-width:1200px) {
.hidden-xl-up {
display: none!important
}
}
.hidden-xl-down {
display: none!important
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
body {
color: #8c8c8c;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
overflow-x: hidden;
line-height: 1.5;
margin: 0;
}
[role="button"], a, area, button, input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
a {
color: #0275d8;
text-decoration: none;
}
a {
background-color: transparent;
}
img {
vertical-align: middle;
}
img {
border: 0;
}
.navbar-brand > img {
display: block;
}
a, button { transition: all 0.3s ease; }
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
h2 { font-size: 2.2rem; }
.tm-thin-font { font-weight: 300; }
.container-fluid {
margin-left: auto;
margin-right: auto;
max-width: 1390px;
overflow-x: hidden;
}
.container-fluid::after {
display: table;
clear: both;
content: "";
}
.navbar-brand {
float: left;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 1rem;
font-size: 1.25rem;
}
@media (max-width: 1390px) {
.container-fluid {
padding-left: 5%;
padding-right: 5%;
}
}
.tm-header-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100px;
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.tm-site-name {
color: #cc9900;
display: block;
font-size: 2.6rem;
font-weight: 400;
}
.tm-main-nav { font-size: 1.2rem; }
.navbar-nav .nav-link {
border-radius: 6px;
color: black;
padding: 10px 40px;
}
.nav-item.active .nav-link,
/*.nav-link:hover,
.nav-link:focus {
color: white;
background-color: #cc9900;
}
*/
.tm-gold-text { color: #cc9900; }
.tm-section {
padding-top: 80px;
padding-bottom: 100px;
}
.tm-home-img-container {
background-image: url('../images/tm-home-img.jpg');
background-size: auto;
background-position: center;
background-repeat: no-repeat;
height: 500px;
}
.tm-about-img-container { background-image: url('../images/tm-about-img.jpg'); }
.tm-blog-img-container { background-image: url('../images/tm-blog-img.jpg'); }
.tm-contact-img-container { background-image: url('../images/tm-contact-img.jpg'); }
.tm-about-img-container,
.tm-blog-img-container,
.tm-contact-img-container {
background-size: auto 200px;
background-position: center;
background-repeat: no-repeat;
height: 200px;
}
.tm-title {
margin-bottom: 1rem;
line-height: 1.4;
}
.tm-subtitle {
font-size: 1.4rem;
max-width: 800px;
margin: 0 auto 80px;
}
.tm-content-box {
max-width: 310px;
margin: 0 auto;
}
h3 { font-size: 1.65rem; }
h4 {
font-size: 1.4rem;
line-height: 1.6;
}
.tm-btn {
color: white;
background-color: #cc9900;
border: none;
border-radius: 5px;
display: inline-block;
padding: 10px 30px;
}
.tm-btn:hover,
.tm-btn:focus {
background-color: #906E09;
color: white;
outline: none;
}
.tm-btn-gray { background-color: #666666; }
.tm-btn-gray:hover,
.tm-btn-gray:focus {
background-color: #515050;
}
.tm-margin-b-15 { margin-bottom: 15px; }
.tm-margin-b-20 { margin-bottom: 20px; }
.tm-margin-b-30 { margin-bottom: 30px; }
.tm-margin-b-40 { margin-bottom: 40px; }
.tm-margin-t-big { margin-top: 90px; }
.tm-margin-t-mid { margin-top: 60px; }
.tm-margin-t-small { margin-top: 30px; }
.tm-text-link {
color: #006699;
line-height: 2.8;
text-decoration: underline;
}
.tm-overflow-auto { overflow: auto; }
.tm-small-font { font-size: 1rem; }
.tm-related-post { margin-bottom: 40px; }
.tm-related-post:last-child { margin-bottom: 0; }
.media-left { padding-right: 25px; }
.media-body {
border-bottom: 1px solid #ccc;
padding-bottom: 25px;
}
.tm-media-description { margin-bottom: 0; }
.tm-2-col-right { padding-left: 20px; }
.tm-footer {
color: #c6c6c6;
background-color: #191919;
background-image: url('../images/classic-pattern-bg.png');
font-size: 1rem;
padding-top: 40px;
padding-bottom: 20px;
}
.tm-footer-links-container { padding-left: 10px; }
.tm-footer-link {
color: #CCCC66;
line-height: 2.8;
text-decoration: underline;
}
.tm-footer-link:hover,
.tm-footer-link:focus {
color: #CCCC66;
text-decoration: none;
}
.tm-footer-thumbnail { margin-bottom: 5px; }
.tm-copyright-text {
color: #999999;
margin-bottom: 0;
}
hr { border-top: 1px solid #CCCCCC; }
p { line-height: 1.9; }
.tm-gray-bg {
background-color: #CCCCCC;
color: black;
padding: 30px 20px 20px;
}
.tm-footer-content-box-title { margin-bottom: 30px; }
.tm-img-post { margin-bottom: 30px; }
.tm-aside-r { padding-left: 30px; }
.form-control {
border-radius: 0;
font-size: 1.1rem;
padding: 0.75rem 1rem;
}
.form-control:focus { border-color: #CC9900; }
.tm-form-description { margin-top: 30px; }
.tm-contact-form { padding-top: 20px; }
#google-map {
height: 333px;
width: 100%;
margin-top: 40px;
}
.tm-contact-right { padding-left: 30px; }
.tm-p-small { font-size: 1rem; }
@media (max-width: 1199px) {
.tm-2-col-left { padding-right: 0; }
.tm-2-col-right { padding-left: 0; }
.tm-text-link {
line-height: 2.2;
}
.container-fluid {
padding-left: 4%;
padding-right: 4%;
}
}
@media (max-width: 991px){
.tm-home-img-container {
background:none;
height: auto;
}
.tm-subtitle { margin-bottom: 40px; }
#tmNavbar .navbar-nav .nav-link { padding: 10px 25px; }
.media { max-width: 240px; }
.media-left {
display: block;
margin-bottom: 20px;
}
.tm-content-box { margin-bottom: 50px; }
.tm-text-link { line-height: 2.4; }
.tm-section {
padding-top: 50px;
padding-bottom: 60px;
}
.tm-2-col-left, .tm-2-col-right {
margin: 0 auto;
max-width: 660px;
}
.tm-margin-t-big { margin-top: 30px; }
.media { max-width: 100%; }
.media-left {
display: table-cell;
margin-bottom: 0;
}
.tm-footer-content-box { margin-bottom: 40px; }
.tm-2-rows-md-swap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tm-2-rows-md-down-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.tm-2-rows-md-down-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-bottom: 0;
margin-top: 30px;
}
.tm-contact-right {
padding-left: 15px;
padding-top: 40px;
}
}
@media (max-width: 897px) {
.tm-btn {
padding: 10px 15px;
font-size: 1rem;
}
}
@media (max-width: 767px) {
.tm-main-nav {
position: fixed;
right: 0;
top: 21px;
z-index: 1000;
}
#tmNavbar .navbar-nav .nav-item { float: none; }
#tmNavbar .navbar-nav .nav-link { padding: 10px 35px; }
#tmNavbar {
background: white;
border-radius: 6px;
}
#tmNavbar .navbar-nav .nav-item+.nav-item { margin-left: 0; }
.navbar-toggler {
background: white;
border-color: #cc9900;
color: #cc9900;
display: block;
margin-left: auto;
margin-right: 0;
}
.navbar-toggler:focus { outline: none; }
.tm-content-box { margin-bottom: 50px; }
.tm-2-col-left {
padding-right: 0;
max-width: 660px;
}
.tm-2-col-right { padding-left: 0; }
.tm-margin-b-40 { margin-bottom: 25px; }
.tm-copyright-text { padding-top: 0; }
.tm-gray-bg { padding: 20px 20px 10px; }
.tm-footer { padding-bottom: 15px; }
.tm-2-rows-sm-swap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tm-2-rows-sm-down-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.tm-2-rows-sm-down-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-bottom: 0;
margin-top: 30px;
}
.tm-sm-m-b { margin-bottom: 20px; }
.tm-aside-r { padding-left: 15px; }
.tm-aside-container {
max-width: 310px;
margin: 0 auto;
}
.tm-blog-post { padding-bottom: 10px; }
.tm-content-box-contact {
margin-top: 40px;
margin-bottom: 0;
}
.tm-contact-row-related-posts { margin-top: 40px; }
}
@media (max-width: 543px) {
.tm-footer-links-container { padding-left: 0; }
.tm-xs-m-t { margin-top: 20px; }
.tm-btn { padding: 10px 30px; }
}
@media(max-width: 510px) {
.media { max-width: 240px; }
.media-left {
display: block;
margin-bottom: 20px;
}
.tm-section {
padding-top: 10%;
padding-bottom: 10%;
}
.tm-subtitle { margin-bottom: 20px; }
.tm-margin-b-40 { margin-bottom: 15px; }
.tm-content-box { margin-bottom: 40px; }
.tm-margin-t-mid { margin-top: 30px; }
.tm-footer-content-box { margin-bottom: 40px; }
.tm-footer-content-box-title { margin-bottom: 15px; }
#google-map { margin-top: 25px; }
.tm-map-section { margin-top: 50px; }
.tm-contact-related-posts-container {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
}
.navbar-brand > img {
width: 75px;
height: 75px;
}
.tm-header{ background-color: #f7eab7;
}
.companyname { font-weight: bold;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25em; }
SMainali_ISY10209_Ass2/css/styles_CA5.css
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background-color: transparent
}
a:active {
outline: 0
}
a:hover {
outline: 0
}
b,
strong {
font-weight: 700
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-box-sizing:...